- 安装Vue CLI 2.X
1)先安装Node.js 8.9以上或者更高版本
npm install -g @vue/cli 这个安装的是新版本
2)拉取2.x模板
npm install @vue/cli-init -g
3)vue CLI2.x初始化项目
vue init webpack 项目名(文件夹名)
配置:
1.项目名字
2.描述信息
3.作者
4.构建项目的时候要用哪一个构建
Runtime + compiler (系统推荐使用)( 组件—抽象语法树—render函数—虚拟DOM—真实DOM)
Runtime-only 小6kb 运行效率高 (render函数—虚拟DOM—真实DOM)
5.是否要安装路由
6.是否使用 ESLint (代码严格模式)
yes 以后 选用哪个标准
7.单元测试 N
8.e2e 测试 端到端测试
9.以后要用npm还是yarn管理项目
- vue2.x目录结构
1.build 和 config 是配置文件
2.node_modules 项目依赖包 是package.json文件下 devDependencies下的那些东西
3.src 写代码的位置
4.static 静态资源
5. .babelrc文件(es6转成es5)
browsers:["> 1%(市场份额大于1%)",“last 2 versions(最后两个版本)”,“not ie<=8(ie<8不考虑)”]
6. .editorcongif 代码标准
7. .edlintignore 代码标准不包括这些文件下的文件
8. .eslintrc.js 配置
9. package.json 管理node相关包(大概版本)
10. package.lock.json 安装的真实版本