首页 > 其他 > 详细

vscode 常用配置

时间:2019-03-07 10:45:09      阅读:306      评论:0      收藏:0      [点我收藏+]

vscode设置中文显示:

安装插件:

Chinese (Simplified) Language Pack for Visual Studio Code

安装后,在 locale.json 中添加 "locale": "zh-cn",即可载入中文(简体)语言包。

要修改 locale.json,你可以同时按下 Ctrl+Shift+P 打开命令面板,之后输入 "config" 筛选可用命令列表,最后选择配置语言命令

然后重启即可

技术分享图片

 

 

vscode主题背景:

文件 -->首选项 --> 颜色主题

可以选择自己喜欢的主题背景,也可以去下载插件

One Dark Pro 这个主题挺赞的

技术分享图片

 

 

eslint部分:

项目用了eslint,ctrl+s的时候对编写不规范的代码进行检测和修复

1.安装插件:

eslint

技术分享图片

 

vetur

技术分享图片

 

如果用的是stylus,保存的时候也会格式化css代码,不想的话可以下这个插件进行设置

技术分享图片

 

文件---》首选项--》设置,进入配置:

技术分享图片

{
  "editor.fontSize": 18,
  "workbench.colorTheme": "One Dark Pro",
  "window.zoomLevel": 0,
  //每次保存的时候自动格式化
  "editor.formatOnSave": true,
  "editor.detectIndentation": false,
  //让prettier使用eslint的代码格式进行校验
  "prettier.eslintIntegration": true,
  //让vue中的js按编辑器自带的ts格式进行格式化
  "vetur.format.defaultFormatter.js": "vscode-typescript",
  //这个按用户自身习惯选择
  "vetur.format.defaultFormatter.html": "none",
  //让函数(名)和后面的括号之间加个空格
  "javascript.format.insertSpaceBeforeFunctionParenthesis": true,
  //eslint 代码自动检查相关配置
  "eslint.enable": true,
  //保存时自动fix
  "eslint.autoFixOnSave": true,
  "eslint.run": "onType",
  "eslint.options": {
    "extensions": [".js", ".vue"]
  },
  "eslint.validate": [
    "javascriptreact",
    "javascript",
    {
      "language": "vue",
      "autoFix": true
    },
    "html",
    {
      "language": "html",
      "autoFix": true
    }
  ],
  "editor.tabSize": 2,
  // 格式化stylus, 需安装Manta‘s Stylus Supremacy插件
  "stylusSupremacy.insertColons": false, // 是否插入冒号
  "stylusSupremacy.insertSemicolons": false, // 是否插入分号
  "stylusSupremacy.insertBraces": false, // 是否插入大括号
  "stylusSupremacy.insertNewLineAroundImports": false, // import之后是否换行
  "stylusSupremacy.insertNewLineAroundBlocks": false // 两个选择器中是否换行
}

  

vscode 常用配置

原文:https://www.cnblogs.com/wangdashi/p/10485110.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!