UNPKG

yyzone

Version:

yyzone vue components and utils

47 lines (41 loc) 1.74 kB
# 前端开发规范 - webpack + vue2 + vue-router + vuex - ui 框架 iview(web端) vux(移动端) ## 工程目录 - **webpack** - **src** - assets 静态资源文件夹 - common 全局公用js库(自己封装的js,和不在npm的插件,相当于所有项目都可以用) - components 组件库 (common下为公用组件, 其他为业务组件) - config 请求配置 - directives 指令 - filters 公用的过滤方法等 (例如:format time, htmlDecode等, 部分项目可以公用) - mixins 组件共有mixins(例如:list, 针对业务,仅限当前项目) - router 路由配置 - store 状态仓库,状态树,所有的状态都在这里 - view 各个模块入口根组件 - **命名规范** - 文件夹 统一全部小写(分割中划线) - 文件 统一全部小写(分割中划线) ## 样式规范 - **命名规范** - class请使用中划线分割并且小写 - ID请使用下划线划线分割 - 颜色变量请放到var.less内 - 公用class请分别创建对应的less文件在common.less内引入 - css预处理器统一用less ## JavaScript规范 - **命名规范** - 整个项目采用驼峰命名 - store内的方法请使用下划线分割并且小写 ## 字体文件 - **fonts** - 字体源文件为selection.json - 新加字体需要先导入selection.json 然后在新增svg导出 - 注意替换css,字体源文件 制作地址 https://icomoon.io/app/#/selec ## 构建规范 - **webpack** - 测试环境 npm run test - 预发布环境 npm run prev - 生产环境 npm run build - 请确保在配置中添加npm install指令,保证每次都可以拉取到最新的node_modules