Vue项目day01

​ 一.项目流程
1. 项目立项
2. 需求调研，技术预研
3. 需求说明
4. 原型设计
5. 效果图
6. 项目概要设计
7. 接口设计（正常开发都是前后端并行开发） 会把接口写到mock上
8. 项目排期
a. 2月10里程碑
9. 按照排期进行开发
a. 技术选型。Vue-cli+vue+router+vuex+less/sass vue全家桶 vant
b. 研发负责人搭建项目脚手架 vue-cli
c. 上传到git私有仓库中。工作的时候只负责你的那部分代码，你本地是由完整的代码的。
d. 按照项目排期进行开发。开发的时候可能会优先级选择。
e. 按照约定跟后端约定的日期进行接口联调。
f. 开发的时候注意自测
10.测试阶段
a. 黑盒测试：不知道项目逻辑测试
b. 白盒测试： 尽可能覆盖到项目所有路径
11.验收上线
12.项目复盘
二.下载cnpm
npm install -g cnpm --
这里下载cnpm是是为了加快下载速度
三.less的使用

在style标签内声明less lang=‘less’

全局变量
cnpm install style-resources-loader@1.3.2 -S
cnpm install vue-cli-plugin-style-resources-loader@0.1.5 -S

修改vue.config.js如下

const path = require('path')
module.exports = {
  pluginOptions: {
    'style-resources-loader': {
      preProcessor: 'less',
      patterns: [path.resolve(__dirname, "./src/theme/theme.less")],
    }
  },
}

less的优点：

1、嵌套属性

2、全局变量

        在一个新建的js文件中使用@名字=‘样式’的方式书写

3、继承属性

子类可以继承父类的样式，使用 子元素&extend（父元素）