主题:one dark pro
图标:vscode-icons
插件:
Chinese
Auto Close Tag
Auto Rename Tag
HTML CSS Support
TODO Highlight
JavaScript
JavaScript (ES6) code snippets
Live Server
vue
Vetur
Vue 2 Snippets
Vue 3 Snippets
vue-helper(可以解决在vue文件里ctrl+左键无法跳转到定义)
ctrl+左键在html里点击class、id跳转到对应位置(安装了可能需要重启):
CSS Navigation
CSS Peek
Vue CSS Peek
Vue Peek
ESLint
HTML Snippets
IntelliSense for CSS class names in HTML
Prettier - Code formatter
GitLens — Git supercharged
Git Blame
Git History
ctrl+左键:打开的文件会覆盖当前窗口
解决:
打开新文件夹新开窗口:Open Folders In New Window选on
或者直接ctrl+shift+n新开窗口再打开文件夹
{
"files.autoSave": "afterDelay",
"http.proxyAuthorization": null,
"workbench.colorTheme": "One Dark Pro",
"typescript.validate.enable": true,
"javascript.validate.enable": true,
"window.openFilesInNewWindow": "on",
"git.ignoreMissingGitWarning": true,
"editor.minimap.enabled": false,
"workbench.editor.enablePreview": false,
"window.menuBarVisibility": "default",
"editor.fontFamily": "Consolas, 'Courier New', monospace",
"editor.fontLigatures": true,
"window.zoomLevel": 0,
"emmet.includeLanguages": {
"wxml": "html"
},
"workbench.tree.renderIndentGuides": "always",
"emmet.triggerExpansionOnTab": true,
"editor.tabSize": 2,
"editor.formatOnSave": true,
"editor.lineHeight": 22,
// #让函数(名)和后面的括号之间加个空格
"javascript.format.insertSpaceBeforeFunctionParenthesis": true,
// #使用单引号替代双引号
"editor.tokenColorCustomizations": {
"keywords": "#C678DD",
"variables": "#c97874",
"strings": "#98C379",
"functions": "#61AFEF",
"numbers": "#FFB639",
"comments": "#5C6370",
"types": "#489c3c",
"textMateRules": [
{
"name": "CSS: Property Names",
"scope": [
"meta.property-name",
"support.type.property-name"
],
"settings": {
"foreground": "#92920b"
}
}
]
},
"editor.fontSize": 15,
"window.openFoldersInNewWindow": "on",
"css.lint.duplicateProperties": "warning",
"editor.rulers": [],
"auto-close-tag.activationOnLanguage": [
"xml",
"php",
"blade",
"ejs",
"jinja",
"javascript",
"javascriptreact",
"typescript",
"typescriptreact",
"plaintext",
"markdown",
"vue",
"liquid",
"erb",
"lang-cfml",
"cfml",
"HTML (EEx)",
"HTML (Eex)",
"plist"
],
"explorer.confirmDragAndDrop": false,
"editor.detectIndentation": false,
"editor.suggest.snippetsPreventQuickSuggestions": false,
"editor.quickSuggestions": {
"other": true,
"comments": true,
"strings": true
},
"prettier.semi": true, //去掉代码结尾的分号
"prettier.singleQuote": true, //使用带引号替代双引号
"vetur.format.defaultFormatter.html": "js-beautify-html", //格式化.vue中html
// eslint配置
"eslint.format.enable": true, // eslint格式化开启
"eslint.validate": [
// eslint校验的文件列表
"javascript",
"vue",
"html"
],
/* 添加如下配置 */
"vetur.format.defaultFormatter.js": "vscode-typescript", // 取消vetur默认的JavaScript格式化工具
"[javascript]": {
"editor.defaultFormatter": "dbaeumer.vscode-eslint" // 只采用eslint的格式化
},
"[vue]": {
"editor.defaultFormatter": "octref.vetur" // vue文件还是采用vetur格式化
},
// 格式化
// "[javascript]": {
// "editor.defaultFormatter": "vscode.typescript-language-features"
// },
"[html]": {
"editor.defaultFormatter": "vscode.html-language-features"
},
"[jsonc]": {
"editor.defaultFormatter": "vscode.json-language-features"
},
"editor.codeActionsOnSave": {
"source.fixAll.eslint": true
},
"editor.showUnused": true,
"workbench.colorCustomizations": {
"editorUnnecessaryCode.border": "#ff0000"
}
}