learnya

A Component Library for Vue.js.
845 54,006
Install
npm install learnya
Latest Version:0.0.12
Vue:2
License:MIT
Last Updated:Aug 20, 2024
Links: GitHub  ·  npm
Maintainer: chenld

##常用命令

命令 说明
npm run dev 本地开发环境
npm run dist 生成lib文件
npm run dev:play 查看写的组件

##常用目录

目录名 说明
packages 组件代码目录
theme-chalk 组件样式代码目录
docs 组件的文档
lib 生成组件代码的目录

##开发 1.先运行npm run dev:play,初始化并启动项目

2.在packages目录下建自己要写的组件,在theme-chalk目录下建组件的样式,在theme-chalk/index.scss引入样式,在components.json引入组件

3.在components.json加组件

3.修改examples/play/index.vue文件调用写的的组件

##文档 1.运行npm run dev,启动项目

2.在docs/zh-CN目录下写组件的用法已及属性

3.在nav.config.json,写路由配置

##发布 1.运行npm run dist:tgeme,生成代码

2.提交代码包含lib目录下的东西

##组件规范 1.如果包含父子组件,需要更改目录结构,参考 Button组件

2.组件内如果依赖了其他组件,参考 Select组件

##多主题

##发布组件 登录自己的npm账号 更改package.json文件的版本号叠加1,再使用命令npm publish,

##使用组件 在需要的地方使用包名learnya

##单元测试

###介绍 1.入口文件:./src/index.js,此入口文件继承了所有element-ui的组件,并为原型提供了一部分创建组件的捷径方法,也是webpack打包的入口文件。

2.外部方法:./src/utils/…,此文件夹包含了element-ui库的大部分外部方法,用于优化,便捷一些核心组件内部的业务逻辑。

Z3.额外的外部方法:./src/mixins/…,此文件夹包含了element-ui库的一些外部方法。

4.交互操作方法:./src/directives/…,此文件夹包含了交互操作所规定的一些方法。

5.核心业务组件:./packages/…,此文件夹包含了element-ui所提供的API的核心代码实现,也是element-ui库的关键。

Related Packages

element-ui

A Component Library for Vue.js.

7,444,104 54,005
element-gui

A Component Library for Vue.js.

181,612
element-ui-qz

A Component Library for Vue.js.

90,083 54,008
zydx-plus

Vue.js

34,448
aos-element

A Component Library for Vue.js.

26,918

Version History

Version Released Vue License
0.0.12 ^2.5.17 MIT
0.0.11 ^2.5.17 MIT
0.0.10 ^2.5.17 MIT
0.0.9 ^2.5.17 MIT
0.0.8 ^2.5.17 MIT