芯が強い人になるESTJ-A

# VUE项目初始化

IT開発 Tags: 无标签 阅读: 151

1使用vue-cli创建模板项目
npm install -g @vue/cli
vue --version
升级
如需升级全局的 Vue CLI 包,请运行npm update -g @vue/cli

2
vue create xxx创建一个项目名称
下一步:
截屏2021-04-05 12.44.42.jpg

3默认所有配置
截屏2021-04-05 12.47.33.jpg

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
  }
}

截屏2021-04-05 13.24.00.jpg