vscode vue解决跨域_vscode下vue项目关于eslint的使用

前言

不清楚安装的拓展的功能，导致安装了重复功能的拓展

右键格式化文档的时候，不是按eslint的规则来格式化，导致需要我再次手动调整

保存时不能自动修复代码

仅安装2个推荐的拓展

右键格式化文档按照eslint规则，不会产生错误

保存时自动修复代码

vscode 拓展安装

eslint 拓展

//保存时自动修复代码

"eslint.autoFixOnSave": true,

"eslint.options": {

// 应检查代码的文件扩展名数组

"extensions": [

".js",

".vue"

]

},

// 配置要验证的语言标识和自动修复选项，比前面两个配置的结合更为细粒度话。可以仅配置下面代码

"eslint.validate": [

"javascript",

"javascriptreact",

"html",

{

"language": "vue",

"autoFix": true

}

],

vetur 拓展

Syntax-highlighting 语法高亮

Snippet 快速定义脚手架代码片段，如：写script后会跳出export default{xxx},style 后面会带lang、scope等

Emmet 仿css选择器快速生成 html/css 代码

Linting / Error Checking vetur的 Linting 仅用于快速启动，对于规则配置需要用eslint.validate

vscode中设置"vetur.validation.template": false

安装ESlint拓展，错误处理将走eslint

项目中安装npm i -D eslint eslint-plugin-vue插件

在.eslintrc.*设置eslint规则,后面会介绍eslintrc相关配置

Formatting 即右键的Format Document功能，不支持格式化选中内容。

"vetur.format.defaul