|
|
@@ -20,23 +20,26 @@ Views：所有页面。
|
|
|
2. Vue文件分割开，html写在vue文件中，js写在assets/js/模块名称/*.js，Scss文件写在assets/css/模块名称/*.js
|
|
|
Vue文件引入方式：
|
|
|
|
|
|
-`<script>
|
|
|
+#```
|
|
|
+<script>
|
|
|
import main from '../assets/js/main'
|
|
|
export default main
|
|
|
</script>
|
|
|
|
|
|
<style lang="sass" scoped>
|
|
|
@import "../assets/css/main.less";
|
|
|
-</style>`
|
|
|
+</style>
|
|
|
+#```
|
|
|
|
|
|
3. 文件起名按照驼峰法命名，包括文件夹名称、文件名称、变量名称、函数名称等，尽量使用准确的英文单词命名，减少拼音使用次数。
|
|
|
4. 引用使用尽量使用如下格式引用：
|
|
|
-`.set('@', resolve('src'))
|
|
|
+#```
|
|
|
+.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的缩进编写代码，提高代码美观程度。
|
九山