##常用命令
命令 | 说明 |
---|---|
npm run dev | 本地开发环境 |
npm run dist | 生成lib文件 |
npm run dev:play | 查看写的组件 |
##常用目录
目录名 | 说明 |
---|---|
packages | 组件代码目录 |
theme-chalk | 组件样式代码目录 |
docs | 组件的文档 |
lib | 生成组件代码的目录 |
##开发
1.先运行npm run dev:play
,初始化并启动项目
2.运行node build/bin/new.js 组件名称
创建组件
3.修改examples/play/index.vue
文件调用写的的组件
##文档
1.运行npm run dev
,启动项目
2.在docs/zh-CN
目录下写组件的用法已及属性
##发布
1.运行npm run dist:tgeme
,生成代码
2.提交代码包含lib
目录下的东西
##组件规范
1.如果包含父子组件,需要更改目录结构,参考 Button
组件
2.组件内如果依赖了其他组件,参考 Select
组件
##多主题
在theme-chalk
目录下,多目录,src
为第一个主题样式,
##发布组件
登录自己的npm账号
更改package.json文件的版本号叠加1,再使用命令npm publish
,
##使用组件
在需要的地方使用包名learnya
##单元测试
###介绍
1.入口文件:./src/index.js
,此入口文件继承了所有element-ui的组件,并为原型提供了一部分创建组件的捷径方法,也是webpack打包的入口文件。
2.外部方法:./src/utils/…,此文件夹包含了element-ui库的大部分外部方法,用于优化,便捷一些核心组件内部的业务逻辑。
3.额外的外部方法:./src/mixins/…,此文件夹包含了element-ui库的一些外部方法。
4.交互操作方法:./src/directives/…,此文件夹包含了交互操作所规定的一些方法。
5.核心业务组件:./packages/…,此文件夹包含了element-ui所提供的API的核心代码实现,也是element-ui库的关键。