vscode配置

1.vscode好用的插件

chinese(汉化)
material theme(主题)
prettier(美化代码，设置Format On Save勾选)

2.vscode格式化不换行

左下角管理点开，选择设置。在用户设置下找到vetur，打开settings.json
 

 

放入下面的配置保存:

"vetur.format.defaultFormatter.html": "js-beautify-html",
"vetur.format.defaultFormatterOptions": {
"js-beautify-html": {
"wrap_line_length": 120,
"wrap_attributes": "auto",
"end_with_newline": false
}
}

3.解决eslint报错的问题

1.安装eslint插件
2.在vscode的左上角点击文件-首选项-设置-扩展-eslint-settings.json编辑
3.在项目中.eslintrc.js里面的rules下添加'linebreak-style':'off'

4.解决npm下载过慢甚至卡住的问题

刚安装完node的时候，使用npm安装项目经常会卡住。原因是npm的下载地址是国外的。 解决方案是将npm的下载地址转回淘宝的地址。
这个方法不需要安装cnpm，只需要修改一下地址就可以了。

我们可以使用命令npm config get registry查看npm默认下载地址。
可以看到默认的地址是https://registry.npmjs.org/
使用命令npm config set registry https://registry.npm.taobao.org将默认下载地址改成淘宝镜像就可以了。
再使用命令npm config get registry查看是否修改成功。

5.npm run dev报错

检查veu、nodejs、webpack版本是否有冲突
vue -V
node -v
npm info webpack

全局卸载webpack
npm uninstall webpack -g

安装2.9版本的webpack
cnpm install webpack-dev-server@2.9.7