项目结构
![](https://img.haomeiwen.com/i1784460/35bc1a11f0216b51.png)
构建
安装依赖
npm install
开启热加载服务器: localhost:8080
npm run dev
生产环境打包
npm run build
生产环境打包并生成bundle分析报告
npm run build --report
执行单元测试
npm run unit
执行端到端测试
npm run e2e
执行所有测试
npm test
编码规范
- 当一个组件中属性的个数大于3的时候,换行并缩进2个空格
// bad
<input :class="class" :style="style" :type="type" @click="onClick">按钮</input>
// good
<input
:class="class"
:style="style"
:type="type"
@click="onClick">按钮</input>
- 组件的属性排序:非v-bind、v-bind、v-on,统一用指令缩写,例如v-bind为:、v-on为@
// bad
<button
class="class"
:type="type"
style="style"
@click="onClick">按钮</button>
// good
<button
class="class"
style="style"
:type="type"
@click="onClick">按钮</button>
Git规范
- 避免使用
git add .
- commit的描述需要说明清楚此处提交做了什么,描述词统一用中文(专业术语、专业词、文件名除外)
// example
git add package.json .gitingore
git commit -m "更新package和gitingore文件."
这里是分割线
网友评论