分享一下比較好用的vscode插件

0一、Chinese 編輯器漢化包javascript

安裝後,在 locale.json 中添加 "locale": "zh-cn"css

0二、Auto Rename Tag 修改標籤對html

這是一個修改標籤對的插件,重命名一個 HTML / XML 標籤時,自動重命名配對的 HTML / XML 標籤。java

0三、HTML Snippets 標籤的代碼提示chrome

可爲你提供 html 標籤的代碼提示,不用鍵入尖括號了。npm

0四、Bracket Pair Colorizer  高亮json

爲代碼中的括號添上一抹亮色瀏覽器

0五、CSS Peek 快速查看定位服務器

快速查看定位 CSS 定義很是的方便編輯器

0六、Npm Intellisense  自動導入模塊

import、require npm 模塊是自動補全

0七、open in browser 用瀏覽器打開

在文件右鍵 能夠選擇在瀏覽器預覽。

0八、vscode-icons

能夠爲你的 VSCode 的文件類型提供相應的圖標

0九、Auto Close Tag

自動添加 HTML / XML 關閉標記,與 VSCode 或 Sublime Text 相同。

十、Path Intellisense

能夠很好的識別引入文件路徑

圖片

image

十一、vscode-fileheader

添加註釋到文件頭,並支持自動更新文件修改時間。

十二、Beautify

美化 javascript,JSON,CSS,Sass,和 HTML 在 Visual Studio 代碼。

1三、JavaScript (ES6) code snippets

VS代碼JavaScript(ES6)代碼段,以及快速輸入

1四、Vetur

語法高亮、智能感知、Emmet 等, 包含格式化功能, Alt+Shift+F (格式化全文),Ctrl+K Ctrl+F(格式化選中代碼,兩個 Ctrl 須要同時按着)

1五、ESlint 自定義規則

規範js代碼書寫規則,若是以爲太過嚴謹,可自定義規則

1六、Code Spell Checker 拼寫檢查程序

拼寫檢查程序,檢查不常見的單詞,若是單詞拼寫錯誤,會給出警告提示

1七、code settings sync

用來同步vscode配置到Gitee中的插件。

1八、Bracket Pair Colorizer 2

給括號加上不一樣的顏色,便於區分不一樣的區塊,使用者能夠定義不一樣括號類型和不一樣顏色

1九、Live Serve

這是一個爲靜態和動態頁面啓動具備實時從新加載功能的開發本地服務器。

20、GitLens — Git supercharged

加強 Visual Studio 代碼內置的 Git 功能 - 經過 Git 責備註釋和代碼鏡頭一目瞭然地顯示代碼做者身份,無縫導航和探索 Git 存儲庫。

2一、Debugger for Chrome

讓 vscode 映射 chrome 的 debug 功能,靜態頁面均可以用 vscode 來打斷點調試。

2二、stylelint

檢驗 CSS/SASS/LESS 代碼規範

2三、Simple New File

從命令面板簡單建立新文件、文件夾。

2四、Prettier - Code formatter

格式化 js、css 代碼插件

2五、EditorConfig for vs code

EditorConfig 有助於爲跨越各類編輯器和 IDE 的同一項目的多個開發人員維護一致的編碼樣式。

相關文章
相關標籤/搜索