1使用vue-cli创建模板项目
npm install -g @vue/cli
vue --version
升级
如需升级全局的 Vue CLI 包,请运行npm update -g @vue/cli
2
vue create xxx创建一个项目名称
下一步:
3默认所有配置
4新增vue.config.js配置项
根目录新建配置文件,vue.config.js
写入:
module.exports = {
publicPath: process.env.NODE_ENV === 'production' ? './' : '/'
}
把实际环境public path变量是./
开发环境则是/
5安装,css预处理器
npm i sass-loader --save-dev
npm i node-sass --save-dev
如果报错:请安装
npm install -D sass-loader@10.0.5 node-sass
6忽略语法错误等
在项目目录下建立 .eslintrc.js 的方式来配置
module.exports = {
'rules': {
// allow debugger during development
'no-debugger': process.env.NODE_ENV === 'production' ? 2 : 0
}
}