-
[vue] https://cn.vuejs.org/
-
[移动端适配方案]
https://gitee.com/wswww/vue3.x_vw_layout
https://www.jianshu.com/p/1f1b23f8348f
npm i postcss-aspect-ratio-mini postcss-px-to-viewport postcss-write-svg postcss-cssnext postcss-viewport-units cssnano --S
npm i cssnano-preset-advanced -D
npm i postcss-import postcss-url autoprefixer -D
-
代码规范
[空格] 统一两个空格
[文件命名] 统一以
-
中划线隔开 ex: task-list.vue[样式命名] 统一以
-
中划线隔开 ex: .task-list[语法] 统一采用 es6 语法,一般情况下不写分号
;
-
公共文件
-
css/*
[theme.scss] 自定义全局样式
[mixin.scss] 自定义变量、混合指令等
-
-
文件路径使用例子
[css]
background: url(~@images/no-data.svg) center center no-repeat;
[js]
defaultPanelImg: require('@assets/images/default-panel.png')
VScode 安装插件:[Vetur][prettier][Eslint]
禁用冲突的插件:[Beautify]
新建.eslintrc.js
新建.prettierrc
npm i
npm run dev
npm run lint
npm run build