Vue项目搭建相关问题

本内容为自我审查，不喜勿喷，若有好的解决方案，希望各位大神留言回复，谢谢！！！

基于webpack初始化一个项目，

问题：

原因：

node版本升级后出现的问题；

解决方案：

node版本升级之后运行：npm cache clean --force

（项目重新npm i   npm build  npm run dev）

问题：

配置项目运行后默认打开 配置地址 package.json

“scripts”:{

　　“dev”:”webpack-dev-server --inline --progress --config build/webpack.dev.conf

　　.js --open"

}

问题：

代码规范设置  配置地址  Eslintrc.js

rules{

     ‘semi’:[‘error’,’always’],

     ‘space-before-function-paren’:’off’

}

代码后空格，分号问题

解决：package.json文件”scripts”里添加

“lintfix”:”eslint --ext .js,.vue src --fix”

npm run lintfix

npm run lint

 

//设置不输出默认信息

Vue.config.productionTip = false;

 

报错：

 Expected indentation of 2 spaces but found 4

原因：格式问题，默认安装ESLint

解决：

①关闭ESLint

 vue项目中找到build文件夹 --> webpack.base.conf.js --> module

②修改VSCode的tab缩进为2

打开文件->首选项->设置， 添加如下用户设置

只添加editor.tabSize是不会生效的，还需要把editor.detectIndentation改为false

  修改.eslintrc.js文件rules字段下增加

"indent": ["off", 2]

 

转载于:https://www.cnblogs.com/hupozhu/p/10601291.html