码迷,mamicode.com
首页 > 其他好文 > 详细

安装了Vetur之后的配置

时间:2018-06-08 14:34:05      阅读:3369      评论:0      收藏:0      [点我收藏+]

标签:自带   vsc   html5   sso   窗口   syntax   快速   option   lint   

VSCode本身自带了Emmet,能够通过Tab键对HTML5的代码进行快速开发,不过,VSCode中需要修改Emmet配置才能对Vue进行支持。打开文件->首选项->设置,就会进入到 settings.json 文件中,在左侧是VSCode默认的配置,在窗口右侧就可以进行一系列的配置:

右侧写入:

 1 {
 2     // 强制单引号
 3     "prettier.singleQuote": true,
 4     // 尽可能控制尾随逗号的打印
 5     "prettier.trailingComma": "all",
 6     // 开启 eslint 支持
 7     "prettier.eslintIntegration": true,
 8     // 保存时自动fix
 9     "eslint.autoFixOnSave": true,
10     // 添加 vue 支持
11     "eslint.validate": [
12      "javascript",
13      "javascriptreact",
14      {
15       "language": "vue",
16       "autoFix": true
17      }
18     ],
19     // 使用插件格式化 html
20     "vetur.format.defaultFormatter.html": "js-beautify-html",
21     // 格式化插件的配置
22     "vetur.format.defaultFormatterOptions": {
23      "js-beautify-html": {
24       // 属性强制折行对齐
25       "wrap_attributes": "force-aligned"
26      }
27     },
28     "vetur.format.defaultFormatter": {
29         "html": "prettier",
30         "css": "prettier",
31         "postcss": "prettier",
32         "scss": "prettier",
33         "less": "prettier",
34         "js": "prettier",
35         "ts": "prettier",
36         "stylus": "stylus-supremacy"
37     },
38     // html颜色高亮
39     "files.associations": {
40         ".eslintrc": "json",
41         "*.vue": "html"
42     },
43     "emmet.syntaxProfiles": {
44         "javascript": "jsx",
45         "vue": "html",
46         "vue-html": "html"
47     }
48 }

 

安装了Vetur之后的配置

标签:自带   vsc   html5   sso   窗口   syntax   快速   option   lint   

原文地址:https://www.cnblogs.com/bertha-zm/p/9154833.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!