? ? 在vscode之前仇箱,我一直用的都是webstorm,不得不說东羹,webstorm還是非常強(qiáng)大的剂桥,功能也很齊全,但是作為一個(gè)打工人属提,沒錢買正版权逗,一直使用的都是破解版。后來聽說vscode很強(qiáng)大冤议,而且開源斟薇,所以我也還是換上了vscode。但是vscode是需要自己安裝一些插件的才能更好地開發(fā)恕酸,所以我也記錄一下我使用的一些插件堪滨,方便自己以后查詢使用。
Auto Close Tag:自動(dòng)添加關(guān)閉標(biāo)簽?Auto Close Tag - Visual Studio Marketplace
Auto Rename Tag:自動(dòng)重命名標(biāo)簽蕊温,重命名前面的標(biāo)簽袱箱,關(guān)閉標(biāo)簽一起重命名了 Auto Rename Tag - Visual Studio Marketplace
Beautify:美化javascript遏乔,JSON,CSS发笔,Sass盟萨,和HTML在Visual Studio代碼。 Beautify - Visual Studio Marketplace
Bracket Pair Colorizer:支架對著色器了讨,主要是對齊前后的(),{},[]等符號(hào)捻激,會(huì)有不同的顏色區(qū)分 Bracket Pair Colorizer - Visual Studio Marketplace
Chinese (Simplified) Language Pack for Visual Studio Code:適用于 VS Code 的中文(簡體)語言包 Chinese (Simplified) Language Pack for Visual Studio Code - Visual Studio Marketplace
Debugger for Chrome:通過VS Code調(diào)試在Google Chrome中運(yùn)行的JavaScript代碼(這個(gè)我暫時(shí)沒有使用過) Debugger for Chrome - Visual Studio Marketplace
ESLint:eslint代碼檢查(其實(shí)這個(gè)也不需要,vue的話可以在項(xiàng)目里自己定義eslint規(guī)則) ESLint - Visual Studio Marketplace
HTML CSS Support:這個(gè)自不用多說量蕊,適用于HTML的Visual Studio Code CSS Intellisense铺罢,使得vscode支持我們的html和css開發(fā) HTML CSS Support - Visual Studio Marketplace
IntelliSense for CSS class names in HTML:用于在html中查找css艇挨,比如輸入一個(gè)class類名可以有提示 IntelliSense for CSS class names in HTML - Visual Studio Marketplace
JavaScript (ES6) code snippets:VS代碼JavaScript(ES6)代碼段残炮,主要是方便,比如輸入imp→導(dǎo)入整個(gè)模塊?import fs from 'fs'等等 JavaScript (ES6) code snippets - Visual Studio Marketplace
Path Intellisense:自動(dòng)完成文件名的Visual Studio Code插件缩滨,用于提示文件路徑 Path Intellisense - Visual Studio Marketplace
Vetur:vue支持势就,開發(fā)vue必須要裝的 Vetur - Visual Studio Marketplace
Vue CSS Peek:為單頁面的 vue 文件提供 css 轉(zhuǎn)定義的支持,command+點(diǎn)擊找到css定義在哪脉漏,但是我還是會(huì)用commond+F查找比較多一點(diǎn)苞冯,不支持scss,less Vue CSS Peek - Visual Studio Marketplace
Vue Peek:該擴(kuò)展使用擴(kuò)展功能擴(kuò)展了Vue代碼編輯侧巨,Go To Definition并Peek Definition支持單文件組件中的組件和文件.vue名舅锄。它允許快速跳轉(zhuǎn)或?yàn)g覽作為組件(從模板)或模塊導(dǎo)入(從腳本)引用的文件。 Vue Peek - Visual Studio Marketplace
vue-helper:該插件主要增強(qiáng)了Element-UI司忱,VUX皇忿,IVIEW的編寫Vue和擴(kuò)展的能力,這些功能在寫的過程中會(huì)有提示坦仍,還是挺方便的 vue-helper - Visual Studio Marketplace
IntelliJ IDEA Keybindings:用于Visual Studio Code的一些快捷鍵和IntelliJ IDEA鍵綁定(剛開始的時(shí)候不習(xí)慣vscode鳍烁,還是用的webstorm的一些快捷鍵習(xí)慣,后來還是覺得既然用了vscode就應(yīng)該熟悉一下vscode的快捷鍵繁扎,所以這個(gè)我暫時(shí)禁用了) IntelliJ IDEA Keybindings - Visual Studio Marketplac
GitLens — Git supercharged:它可以幫助您通過Git責(zé)任注釋和代碼鏡頭一目了然地看到代碼作者的身份幔荒,無縫地導(dǎo)航和瀏覽Git存儲(chǔ)庫,通過強(qiáng)大的比較命令獲得有價(jià)值的見解梳玫,等等爹梁。
{
? ? "editor.fontSize": 16,
? ? "editor.detectIndentation": false,
? ? "git.ignoreMissingGitWarning": true,
? ? "files.autoGuessEncoding": true,
? ? "editor.formatOnSave": false,
? ? "editor.formatOnPaste": false,
? ? "editor.formatOnType": false,
? ? // "terminal.integrated.shell.windows": "D:\\Git\\bin\\bash.exe",
? ? // "terminal.external.windowsExec": "D:\\Git\\bin\\bash.exe",
? ? "terminal.integrated.profiles.windows": {
? ? ? "Git-bash": {
? ? ? ? "path": "D:\\Git\\bin\\bash.exe",
? ? ? ? "args": []
? ? ? }
? ? },
? ? "terminal.integrated.defaultProfile.windows": "Git-bash",
? ? "editor.tabSize": 2,
? ? // "files.autoSave": "afterDelay",
? ? "editor.snippetSuggestions": "top",
? ? "[html]": {
? ? ? "editor.defaultFormatter": "HookyQR.beautify"
? ? },
}