1、使用vue-cli构建项目
2、src目录结构:
├── assets //资源入口文件夹
│ ├── images // 所有的静态图片
│ └── less // less文件
│ ├── common // 通用的less文件
│ └── pages // 各个页面的less文件
├── common // 通用的方法, 例如 util.js
├── components // 组件放置
│ ├── Toast // 自定义的toast组件
├── router // 路由入口
├── store // 状态管理
└── views // 页面
3、其它规范
1、组件名格式为首字母大写,例如NewsList.vue;
2、组件化思想,寻找页面中共同的地方,将之抽离成组件,开发效率会提高很多,代码也更优雅;
3、缩进采用4格(开启tab转换space);
4、在表达式、变量声明、return、while等后都要加上分号;
5、以下几种情况需要空格:
二元运算符前后
三元运算符'?:'前后
代码块'{'前
下列关键字前:else, while, catch, finally
下列关键字后:if, else, for, while, do, switch, case, try,catch, finally, with, return, typeof
单行注释'//'后(若单行注释和代码同行,则'//'前也需要),多行注释'*'后
对象的属性值前
for循环,分号后留有一个空格,前置条件如果有多个,逗号后留一个空格
无论是函数声明还是函数表达式,'{'前一定要有空格
函数的参数之间
6、对上下文this的引用只能使用'_this', 'that', 'self'其中一个来命名;
注:本文内容来自互联网,旨在为开发者提供分享、交流的平台。如有涉及文章版权等事宜,请你联系站长进行处理。