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 // 两个选择器中是否换行
}
原文:https://www.cnblogs.com/wangdashi/p/10485110.html