我的經常使用VScode插件及其配置

插件名稱	功能簡述
Auto Close Tag	自動閉合HTML標籤
Auto Import	Typescript自動import提示
Auto Rename Tag	修改HTML標籤時，自動修改匹配的標籤
Beautify css/sass/scss/less	css/sass/less格式化
Better Comments	編寫更加人性化的註釋
Bookmarks	添加行書籤
Color Picker	拾色器
Color Highlight	顏色值在代碼中高亮顯示
HTML CSS Support	css提示（支持vue）
PostCss Sorting	css排序
Sass	sass插件
gitignore	.gitignore文件語法
vetur	目前比較好的Vue語法高亮
vscode-styled-jsx	vscode-styled-jsx styled-jsx高亮支持
Chinese (Simplified) Language	中文插件
IntelliSense for CSS class names in HTML	html中css提示
Markdown Preview Enhanced	vscode markdown支持
One Dark Pro	vscode主題顏色
open in browser	html文件支持瀏覽器打開
vscode-icons	vscode 文件文件夾小圖標
JavaScript (ES6) code snippets	es6代碼提示功能

附我的配置文件

{
    // VScode主題配置
    "editor.tabSize": 2,
    "editor.lineHeight": 18,
    "editor.renderLineHighlight": "none",
    "editor.renderWhitespace": "all",
    "editor.fontFamily": "Courier New",
    "editor.fontSize": 14,
    "editor.cursorBlinking": "smooth",
    "editor.multiCursorModifier": "ctrlCmd",
    "editor.formatOnPaste": true,
    // 是否容許自定義的snippet片斷提示,好比自定義的vue片斷開啓後就能夠智能提示
    "editor.snippetSuggestions": "top",
    "workbench.iconTheme": "vscode-icons",
    "workbench.startupEditor": "none",

    "files.trimTrailingWhitespace": true,
    // 在react的jsx中添加對emmet的支持
    "emmet.includeLanguages": {
        "jsx-sublime-babel-tags": "javascriptreact"
    },
    "[cpp]": {
        "editor.quickSuggestions": true
    },
    "[c]": {
        "editor.quickSuggestions": true
    },
    "liveServer.settings.port": 5555,
    "window.zoomLevel": 1,
    "javascript.validate.enable": false,
    "vetur.validation.template": false,
    "tslint.autoFixOnSave": false,
    "C_Cpp.errorSquiggles": "Disabled",
    "javascript.implicitProjectConfig.experimentalDecorators": true,
    "workbench.colorTheme": "One Dark Pro",
    "terminal.integrated.shell.windows": "C:\\Windows\\System32\\cmd.exe",
    "liveServer.settings.donotShowInfoMsg": true,
    "[html]": {
        "editor.defaultFormatter": "vscode.html-language-features"
    },
    "explorer.confirmDelete": false
}
複製代碼