vue环境搭建

1、vscode下载，安装

链接：https://pan.baidu.com/s/1xO_S59qT4bPw3ZtbnGQBVw
提取码：ia0p

2、导入vue项目

安装vetur插件,vue语法高亮插件

安装eslint，智能错误检查工具

安装prettier，代码格式化

重启vscode

search输入eslint设置用户个性化设置

将代码拷进去

"editor.detectIndentation": false,

  "editor.tabSize": 2,

  "prettier.tabWidth": 2,

  "prettier.eslintIntegration": true, //让prettier使用eslint的代码格式进行校验

  "prettier.semi": false, //去掉代码结尾的分号

  "prettier.singleQuote": true, //使用带引号替代双引号

  "javascript.format.insertSpaceBeforeFunctionParenthesis": true, //让函数(名)和后面的括号之间加个空格

  "vetur.format.defaultFormatter.html": "js-beautify-html", //格式化.vue中html

  "vetur.format.defaultFormatter.js": "vscode-typescript", //让vue中的js按编辑器自带的ts格式进行格式化