VS CODE 安装vetur后不生效问题解决
打开配置的json文件一、找到扩展类二、找到对应插件 Vetur三、下拉找到 将配置文件转为json格式四、粘如代码五、重启VS CODE六、如果没有自动配置成vue文件的情况下打开配置的json文件
文件首选项设置一、找到扩展类
Extensions
二、找到对应插件 Vetur
三、下拉找到 将配置文件转为json格式
四、粘如代码
{// 强制单引号"prettier.singleQuote": true,// 尽可能控制尾随逗号的打印"prettier.trailingComma": "all",// 开启 eslint 支持"prettier.eslintIntegration": true,// 保存时自动fix"eslint.autoFixOnSave": true,// 添加 vue 支持"eslint.validate": ["javascript","javascriptreact",{"language": "vue","autoFix": true}],// 使用插件格式化 html"vetur.format.defaultFormatter.html": "js-beautify-html",// 格式化插件的配置"vetur.format.defaultFormatterOptions": {"js-beautify-html": {// 属性强制折行对齐"wrap_attributes": "force-aligned"}},"vetur.format.defaultFormatter": {"html": "prettier","css": "prettier","postcss": "prettier","scss": "prettier","less": "prettier","js": "prettier","ts": "prettier","stylus": "stylus-supremacy"},// html颜色高亮"files.associations": {".eslintrc": "json","*.vue": "html"},"emmet.syntaxProfiles": {"javascript": "jsx","vue": "html","vue-html": "html"}}
五、重启VS CODE
六、如果没有自动配置成vue文件的情况下
找到编码文件选择关联为vue
重启即可