常用设置
- VSCode设置中文语言显示:
使用快捷键组合【Ctrl+Shift+p】,搜索框中输入“configure display language”,回车后选择“zh-cn”即可。
2.关闭右侧预览功能
看个人习惯了,我感觉右边预览平时很少用的到,而且又占地方,索性直接关闭得了。
点击文件-首选项-设置,搜索"editor.minimap.enabled",默认值为打钩,把钩去掉即可
3.文件自动保存
点击文件-首选项-设置 : Auto Save (里面的第一项)选择onFocusChange选项即可
4.格式化代码 文件–>首选项–>设置–>setting.json,这个里面的设置是以前粘贴别人的改吧改吧后的,
{
// 是否允许自定义的snippet片段提示
"editor.snippetSuggestions": "top",
"editor.fontSize": 18,
"editor.fontWeight": "400",
"editor.formatOnType": true,
"guides.enabled": false,
"editor.tabSize": 2,
"git.confirmSync": false,
"window.zoomLevel": 0,
"editor.renderWhitespace": "boundary",
"editor.cursorBlinking": "smooth",
"editor.minimap.enabled": false,
"editor.minimap.renderCharacters": false,
"window.title": "${dirty}${activeEditorMedium}${separator}${rootName}",
"editor.codeLens": true,
// 配置文件关联,以便启用对应的提示
"files.associations": {
"*.vue": "vue",
".js": "html",
"*.wxss": "css",
"*.cjson": "jsonc",
"*.wxs": "javascript"
},
// 配置emmet是否启用tab展开缩写
"emmet.triggerExpansionOnTab": true,
// 配置emmet对文件类型的支持
"emmet.syntaxProfiles": {
"javascript": "jsx",
"vue": "html",
"vue-html": "html"
},
// 是否开启eslint检测
"eslint.enable": true,
// 文件保存时是否根据eslint进行格式化
"eslint.autoFixOnSave": true,
// eslint配置文件
"eslint.options": {
"extensions": [".js", ".vue"]
},
// eslint能够识别的文件后缀类型
"eslint.validate": [
"javascript",
"javascriptreact",
{
"language": "vue",
"autoFix": true
},
{
"language": "html",
"autoFix": true
},
"vue",
"html"
],
"search.exclude": {
"**/node_modules": true,
"**/bower_components": true,
"**/dist": true
},
"vetur.format.defaultFormatter.html": "prettier",
// 格式化快捷键(默认):Shift+Alt+F
// prettier进行格式化时,开启eslint支持
"prettier.eslintIntegration": true,
// 是否使用单引号
"prettier.singleQuote": true,
"dart.flutterSdkPath": "/Applications/flutter",
"[javascript]": {
"editor.defaultFormatter": "esbenp.prettier-vscode"
},
"git.autofetch": true,
"[vue]": {
"editor.defaultFormatter": "esbenp.prettier-vscode"
},
"files.autoSave": "onFocusChange",
"[json]": {
"editor.quickSuggestions": {
"strings": true
},
"editor.suggest.insertMode": "replace",
"gitlens.codeLens.scopes": [
"document"
]
}
}
还有好多设置就不一一列举了,文件–>首选项–>设置里面可以更具自己的喜好去设置主题啊,光标啊,好多好多。。。