vsCode 前端插件推荐-和插件配置_靑祠_前端开发者

参考自网站:https://segmentfault.com/a/1190000011779959

https://segmentfault.com/a/1190000011779959

 

插件安装完成之后,还要对一些插件进行配置,例如:

vetur默认配置,
配置的过程:

打开 文件 > 首选项 > 用户设置(U) > 点击右上角—打开设置(json)
  // 执行文字相关的导航或操作时将用作文字分隔符的字符  去掉 - 功能:双击css样式选中整个连字符
  "editor.wordSeparators": "`~!@#$%^&*()=+[{]}\\|;:'\",.<>/?",
  //vetur的配置
  "emmet.syntaxProfiles": {
    "javascript": "jsx",
    "vue-html": "html",
    "vue": "html"
  },
  // 使用插件格式化 html
  "vetur.format.defaultFormatter.html": "js-beautify-html",
  "eslint.validate": [
    "javascript",
    "javascriptreact",
    "html",
    "vue",
    {
      "language": "vue",
      "autoFix": true
    }
  ],
  
  // 打开文件自动检测缩进
  "editor.detectIndentation": false,
  // tab缩进2个字符
  "editor.tabSize": 2,

 

参考内容:https://www.cnblogs.com/zhaoshujie/p/9834654.html

      https://www.cnblogs.com/liuxianan/p/vscode-plugin-overview.html

打开 文件 > 首选项 > 用户设置(U) > 点击右上角—打开设置(json)
  // 执行文字相关的导航或操作时将用作文字分隔符的字符  去掉 - 功能:双击css样式选中整个连字符
  "editor.wordSeparators": "`~!@#$%^&*()=+[{]}\\|;:'\",.<>/?",
  //vetur的配置
  "emmet.syntaxProfiles": {
    "javascript": "jsx",
    "vue-html": "html",
    "vue": "html"
  },
  // 使用插件格式化 html
  "vetur.format.defaultFormatter.html": "js-beautify-html",
  "eslint.validate": [
    "javascript",
    "javascriptreact",
    "html",
    "vue",
    {
      "language": "vue",
      "autoFix": true
    }
  ],
  
  // 打开文件自动检测缩进
  "editor.detectIndentation": false,
  // tab缩进2个字符
  "editor.tabSize": 2,

 

参考内容:https://www.cnblogs.com/zhaoshujie/p/9834654.html

      https://www.cnblogs.com/liuxianan/p/vscode-plugin-overview.html

  // 执行文字相关的导航或操作时将用作文字分隔符的字符  去掉 - 功能:双击css样式选中整个连字符
  "editor.wordSeparators": "`~!@#$%^&*()=+[{]}\\|;:'\",.<>/?",
  //vetur的配置
  "emmet.syntaxProfiles": {
    "javascript": "jsx",
    "vue-html": "html",
    "vue": "html"
  },
  // 使用插件格式化 html
  "vetur.format.defaultFormatter.html": "js-beautify-html",
  "eslint.validate": [
    "javascript",
    "javascriptreact",
    "html",
    "vue",
    {
      "language": "vue",
      "autoFix": true
    }
  ],
  
  // 打开文件自动检测缩进
  "editor.detectIndentation": false,
  // tab缩进2个字符
  "editor.tabSize": 2,
  // 执行文字相关的导航或操作时将用作文字分隔符的字符  去掉 - 功能:双击css样式选中整个连字符
  "editor.wordSeparators": "`~!@#$%^&*()=+[{]}\\|;:'\",.<>/?",
  //vetur的配置
  "emmet.syntaxProfiles": {
    "javascript": "jsx",
    "vue-html": "html",
    "vue": "html"
  },
  // 使用插件格式化 html
  "vetur.format.defaultFormatter.html": "js-beautify-html",
  "eslint.validate": [
    "javascript",
    "javascriptreact",
    "html",
    "vue",
    {
      "language": "vue",
      "autoFix": true
    }
  ],
  
  // 打开文件自动检测缩进
  "editor.detectIndentation": false,
  // tab缩进2个字符
  "editor.tabSize": 2,

// 执行文字相关的导航或操作时将用作文字分隔符的字符 去掉 – 功能:双击css样式选中整个连字符,
//vetur的配置: {
,
,

},
// 使用插件格式化 html,
: [
,
,
,
,
{
,
true
}
],

// 打开文件自动检测缩进false,
// tab缩进2个字符

 

参考内容:https://www.cnblogs.com/zhaoshujie/p/9834654.html

      https://www.cnblogs.com/liuxianan/p/vscode-plugin-overview.html

» 本文来自:前端开发者 » 《vsCode 前端插件推荐-和插件配置_靑祠_前端开发者》
» 本文链接地址:https://www.rokub.com/73640.html
» 您也可以订阅本站:https://www.rokub.com
赞(0)
64K

评论 抢沙发

评论前必须登录!