【保姆级干货】 vuecli3快速搭建项目

===============================vue脚手架快速搭建(cli3)=================================================================


先安装vue      npm install vue

npm i -g @vue/cli


vue --version           版本

vue create https://blog.csdn.net/hpasdabc?spm=1000.2115.3001.5343项目名

Manually select features 手动配置

必选 choose Vue version
      Babel                       es6转5
      Router
      Vuex
      CSS Pre-processors          scss语法支持
      Linter                      语法检测
      

选2版本安装

选择路由 yes是history

选择dart-sass版本的scss

选择语法检测为标准配置  Standard config

选择检测到的错误自动修复  双选

保存配置吗?

npm run serve          开发环境搭建                              cd androidpage


localhost:8080


================================================================================================
vue create 项目名

npm run serve          开发环境搭建
npm run build          生产环境构建  上线前运行一次压缩
npm run lint           代码检测工具  运行自动修复错误语法  要经常执行

配置文件里找到serve改成start

"scripts": {
  "start": "命令", 
},

npm start      start配置的命令可以省略run


创建vue.config.js文件  配置屏蔽检查语法  ⭐⭐⭐上线前需要关闭

配置selintrc.js   自定义语法规则   屏蔽部分报错

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值