Tanikawa-tis NPM

框架结构

组件开发流程

1、【组件开发人】在【tanikawa_tis/src/components】下建立自定义组件，需要新的依赖的在【tanikawa_tis/package.json】中添加相关依赖；

2、【组件开发人】在app.vue引入自己写的自定义组件进行调试，和平时启动和开发vue项目一样；

3、调试成功后，调试代码和组件代码一并上传；

3、由【组件开发人】告知【代码审核人】对代码进行审核；

4、审核无误则由【组件发布人】发布组件，否则告知【组件开发人】代码不符合规范，不予发布，【组件开发人】进行修改再次从第三步开始走；

5、发布成功后由【组件发布人】告知【组件开发人】已经发布成功并告知版本号，【组件开发人】可以拉取最新版本的组件库进行使用。

组件发布流程

1、修改【tanikawa_tis/src/components/index.js、tanikawa_tis/webpack.config.js】这两个文件；

3、npm run build 打包

4、发布组件（登录npm，发布）

5、上书库去整理组件使用文档

注意事项

1、自定义组件的name是最后引入组件的名字，所以必须写且需要考虑不要和其他第三方的组件重名（这里规定组件名必须是以tis-开头命名的，最多三个单词拼接），否则引入失败且会报错

1、组件class命名容易重复
2、所有组件的最外层的class名必须是tis-开头的，且必须是tis-加上组件名组成，最多三个单词拼接。
3、组件的内层class除了iconfont图标和iview默认的class名之外，其他class必须以tis-开头，方便开发维护。
4、less文件样式必须采用嵌套的形式包含在内，不可平级。

1、所有组件样式均在【tanikawa_tis/src/my_theme/components】文件夹下，必须按照组件分类编写，不可有修改iview的样式在里面
2、修改iview的样式必须写在【tanikawa_tis/src/my_theme/iview】文件夹下，必须按照组件分类编写
3、样式内用到的tis固定的规范的颜色，间距，字体大小...需要使用变量形式，不可写死
4、组件样式统一应用方式，在组件内部引入：@import "~@/my_theme/index.less";

1、原则上组件反出去的数据尽可能全面，传进去的默认值数据尽可能简单，让尽可能多的操作都在组件内完成。比如下拉选中，反出去id、name对象，传到组件中的数据是id。

1、每个组件必须写组件简介和一些必须的参数说明，注意事项。
2、编写位置在script标签起始位置

1、统一使用ui提供的商业图标库，进入网址申请查看权限：https://www.iconfont.cn/manage/index?spm=a313x.7781069.1998910419.11&manage_type=myprojects&projectId=1716561&keyword=&project_type=&page=
2、组件库内都是用iconfont图标，不要引入图片资源
3、需要iconfont时，在组件内部统一引入：@import  "~@/iconfont/iconfont.less";
4、使用iconfont时，class名为tis-iconfont，避免和外部字体图标库冲突

5 months ago

5 months ago

6 months ago

6 months ago

6 months ago

5 months ago

6 months ago

6 months ago

6 months ago

7 months ago

6 months ago

6 months ago

6 months ago

6 months ago

5 months ago

5 months ago

5 months ago

9 months ago

9 months ago

9 months ago

9 months ago

9 months ago

9 months ago

9 months ago

8 months ago

8 months ago

8 months ago

9 months ago

9 months ago

9 months ago

9 months ago

9 months ago

9 months ago

7 months ago

8 months ago

8 months ago

7 months ago

7 months ago

10 months ago

10 months ago

10 months ago

9 months ago

9 months ago

10 months ago

10 months ago

10 months ago

10 months ago

10 months ago

11 months ago

11 months ago

11 months ago

11 months ago

11 months ago

11 months ago

11 months ago

11 months ago

11 months ago

11 months ago

11 months ago

11 months ago

11 months ago

11 months ago

12 months ago

12 months ago

12 months ago

12 months ago

12 months ago

12 months ago

12 months ago

12 months ago

12 months ago

12 months ago

12 months ago

12 months ago

12 months ago

12 months ago

12 months ago

12 months ago

12 months ago

框架结构

组件开发流程

组件发布流程

注意事项

1、自定义组件名称

2、组件库的组件class命名

3、组件样式

4、组件反出去的数据和传进去的默认值

5、组件简介

6、组件iconfont