1、去微软官网下载Vscode编辑器
地址：https://code.visualstudio.com/
2、安装必要插件（如下图）
3、更改配置文件
代码复制：
```
{
"editor.suggestSelection": "first",
"vsintellicode.modify.editor.suggestSelection": "automaticallyOverrodeDefaultValue",
"workbench.colorTheme": "Atom One Dark",
"css.completion.completePropertyWithSemicolon": true,
"scss.completion.completePropertyWithSemicolon": false,
"editor.acceptSuggestionOnCommitCharacter": false,
"vetur.format.defaultFormatterOptions": {
"prettier": {
"semi": false,
"singleQuote": true,
}
},
"stylusSupremacy.insertColons": false, // 是否插入冒号
"stylusSupremacy.insertSemicolons": false, // 是否插入分好
"stylusSupremacy.insertBraces": false, // 是否插入大括号
"stylusSupremacy.insertNewLineAroundImports": false, // import之后是否换行
"stylusSupremacy.insertNewLineAroundBlocks": false // 两个选择器中是否换行
}
```
4、创建项目
第一步：安装vue-cli
cnpm install vue-cli -g //全局安装 vue-cli (已安装跳过)
第二步：cd目录路径，新建vue项目
vue init webpack ”项目名称“
第三步：安装插件
1、前端UI插件：
npm i element-ui -S
https://element.eleme.cn/#/zh-CN/component/installation
2、CSS预处理器（stylus）：
npm install stylus--save
npm install stylus-loader --save
3、图表插件（echart）
npm install echart --save
https://www.echartsjs.com/zh/index.html
