Vue cli 2.x 安装 配置 部分目录结构

  • 安装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 安装的真实版本

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值