1)安装Vetur,一款Vue代码高亮显示的一款插件。
2)安装eslint代码规范插件。
3)配置工作环境
装好后点击 文件->首选项->设置 打开设置界面,在设置界面右侧添加配置。点击“在settings.json中编辑”,进入代码编辑界面
eslint
{
"eslint.validate": [
"javascript",
"javascriptreact",
"html",
"vue"
],
"eslint.options": {
"plugins":["html"]
}
同理Vetur
{
"emmet.syntaxProfiles": {
"vue-html": "html",
"vue": "html"
},
}