這篇文章主要介紹了VSCode插件安裝完成后的配置詳解，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧。
VSCode插件安裝完成后，有些插件如果你想要完整的使用其中的功能得在settings.json中就行配置，接下來是我常用的一些配置。
{
"workbench.iconTheme": "vscode-icons",
"window.zoomLevel": 0,
"files.autoSave": "off",
"eslint.runtime": "",
"editor.codeActionsOnSave": {
"source.fixAll.eslint": true
},
"eslint.codeAction.disableRuleComment": {},
"eslint.codeAction.showDocumentation": {},
"editor.formatOnSave": true,
"vetur.completion.scaffoldSnippetSources": {},
"vetur.format.defaultFormatter.html": "prettier",
// 是否允許自定義的snippet片段提示
"editor.snippetSuggestions": "top",
"editor.fontSize": 14,
"editor.fontWeight": "400",
"editor.formatOnType": true,
"guides.enabled": false,
"editor.tabSize": 2,
"git.confirmSync": false,
"editor.renderWhitespace": "boundary",
"editor.cursorBlinking": "smooth",
"editor.minimap.enabled": true,
"editor.minimap.renderCharacters": false,
"window.title": "${dirty}${activeEditorMedium}${separator}${rootName}",
"editor.codeLens": true,
// 配置文件關(guān)聯(lián)，以便啟用對(duì)應(yīng)的提示
"files.associations": {
"*.vue": "vue",
"*.wxss": "css",
"*.cjson": "jsonc",
"*.wxs": "javascript"
},
// 配置emmet是否啟用tab展開縮寫
"emmet.triggerExpansionOnTab": true,
// 配置emmet對(duì)文件類型的支持
"emmet.syntaxProfiles": {
"javascript": "jsx",
"vue": "html",
"vue-html": "html"
},
// 是否開啟eslint檢測(cè)
"eslint.enable": true,
// eslint配置文件
"eslint.options": {
"extensions": [
".js",
".vue"
]
},
"git.autofetch": true,
"workbench.colorTheme": "One Dark Pro",
"emmet.includeLanguages": {
"wxml": "html"
},
"minapp-vscode.disableAutoConfig": true,
}
這個(gè)配置能夠直接讓你ctrl+注釋代碼，不管是vue的還是html的;也能ctrl+s時(shí)使用eslint格式化代碼;輸入for,forEach,map等的自動(dòng)完成代碼等一系列的快捷操作
到此這篇關(guān)于VSCode插件安裝完成后的配置詳解的文章就介紹到這了,更多相關(guān)VSCode插件安裝后配置內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!
文章轉(zhuǎn)自腳本之家，原文鏈接：https://www.jb51.net/article/194237.htm
申請(qǐng)創(chuàng)業(yè)報(bào)道，分享創(chuàng)業(yè)好點(diǎn)子。點(diǎn)擊此處，共同探討創(chuàng)業(yè)新機(jī)遇！
