|
|
@@ -3,9 +3,9 @@ vue 脚手架4.5.12搭建vue2项目
|
|
|
# 基础组件：
|
|
|
vue 2.6.11+ElementUI2.15.1+axios0.21.1+router3.2.0
|
|
|
# 公共组件：
|
|
|
- Echarts5.0.2
|
|
|
- Excel：xlsx0.16.9
|
|
|
- 等
|
|
|
+Echarts5.0.2
|
|
|
+Excel：xlsx0.16.9
|
|
|
+等
|
|
|
|
|
|
|
|
|
# 规范：
|
|
|
@@ -20,7 +20,7 @@ Views：所有页面。
|
|
|
2. Vue文件分割开，html写在vue文件中，js写在assets/js/模块名称/*.js，Scss文件写在assets/css/模块名称/*.js
|
|
|
Vue文件引入方式：
|
|
|
|
|
|
-#```
|
|
|
+```
|
|
|
<script>
|
|
|
import main from '../assets/js/main'
|
|
|
export default main
|
|
|
@@ -29,17 +29,17 @@ Vue文件引入方式：
|
|
|
<style lang="sass" scoped>
|
|
|
@import "../assets/css/main.less";
|
|
|
</style>
|
|
|
-#```
|
|
|
+```
|
|
|
|
|
|
3. 文件起名按照驼峰法命名，包括文件夹名称、文件名称、变量名称、函数名称等，尽量使用准确的英文单词命名，减少拼音使用次数。
|
|
|
4. 引用使用尽量使用如下格式引用：
|
|
|
-#```
|
|
|
+```
|
|
|
.set('@', resolve('src'))
|
|
|
.set('@assets', resolve('src/assets'))
|
|
|
.set('@components', resolve('src/components'))
|
|
|
.set('@views', resolve('src/views'))
|
|
|
.set('@store', resolve('src/store'));
|
|
|
-#```
|
|
|
+```
|
|
|
例如：@import "../assets/css/main.less";改成@import "@assets/css/main.less";
|
|
|
5. Sass语法按照官方语法写，树级结构，使用class样式，不要使用id样式。
|
|
|
6. 代码缩进，统一为2。设置方式：文件-首选项-设置，搜索tabsize。严格按照2的缩进编写代码，提高代码美观程度。
|
九山