常用命令
| 命令 | 说明 |
|---|---|
| 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库的关键。