vscode經常使用插件【全了】

插件集

待補充。。。

20180903

文件

• 【Path Intellisense】 自動補全路徑

瀏覽器

• 【Open-In-Browser】在瀏覽器中打開或預覽
• 【Debugger for Chrome】讓 vscode 映射 chrome 的 debug功能，靜態頁面均可以用 vscode 來打斷點調試

css

• 【CSS Peek】跳轉到css的定義行
• 【Color Info】顏色信息轉換

html

• 【HTML Boilerplate】自動生成HTML模板
• 【Icon Fonts】字體標籤自生成

js

• 【Add jsdoc comments】爲所選函數簽名的參數添加簡單的jsdoc註釋

svg

• 【SVG Viewer】 svg圖預覽

其餘

• 【Minify】代碼壓縮
• 【Change Case】變量名格式轉換
• 【Regex Previewer】正則表達式預覽
• 【Language and Framework Packs】語言和框架 添加自動填充，適當的縮進和其餘實用功能

20180324

vue

• 【vetur】 vue語法高亮
• 【vueHelper】vue2代碼段

react

• 【react playground】react租金啊運行環境
• 【react standard style code snippets】react standard風格代碼塊

HTML

• 【auto close tag】 自動閉合HTML標籤
• 【auto rename tag】 修改HTML標籤時自動修改匹配標籤
• 【htmltagwrap】包裹HTML
• 【HTML css suppot】css提示，支持vue的css提示
• 【HTML Boilerplate】 擺脫HTML 新文件從新編寫頭部和正文標籤，直接生成模板HTML

css

• 【beautify css/sass/scss/less】 css/sass/scss/less格式化
• 【color highlight】顏色值在代碼中高亮顯示
• 【less intellisense】less變量與混合提示
• 【postCss sorting】css排序
• 【sass】sass插件
• 【language-stylus】stylus語法高亮和提示
• 【CSS Peek】追蹤至樣式表中 CSS 類和 ids 定義的地方

js

• 【json tools】格式化和壓縮json

ts

• 【TSLint】typescript語法檢查
• 【Typescript import】ts自動import

註釋

• 【better comments】編寫更加人性化的註釋
• 【document this】註釋文檔生成
• 【vscode-fileheader】頭部添加維護者信息

語法檢查

• 【eslint】 eslint插件高亮提示
• 【stylelint】css/sass/less代碼風格

VS code編譯器設置

• 【VS code icon】 文件圖片標識
• 【vscode-random】隨機字符串生成器
• 【styled-components】VS coed-component高亮支持
• 【VS coed-styled-jsx】styled-jsx高亮支持

git

• 【git blame】在狀態欄顯示當前行的git信息
• 【git history】查看git log
• 【gitLens】顯示文件最近的commit和做者，顯示當前行commit信息
• 【gitignore】.gitignore文件語法

其餘

• 【bookmarks】添加行書籤
• 【code spell checker】單詞拼寫檢查
• 【file peek】根據路徑字符串，快速定位到文件
• 【font-awesome codes for html】fontawesome提示代碼段
• 【guides】高亮縮進基準線
• 【path autocomplete】完整路徑提示
• 【project manager】切換項目
• 【REST client】發送REST風格的HTTP請求
• 【sort lines】 排序選中行string manipulation
• 【test spec generator】測試用例生成
• 【version lens】package.json文件顯示模塊當前版本和最新版本
• 【view node package】快速打開選中模塊主頁和代碼倉庫
• 【filesize】狀態欄顯示當前文件大小
• 【markdownlint】markdown格式提示
• 【npm intellisense】導入模塊提示已安裝模塊名稱npm
• 【Open In Browser】vscode直接打開瀏覽器
• 【Prettier】代碼格式
• 【SVG Viewer】在 Visual Studio 代碼中添加了許多實用的 SVG 程序，你無需離開編輯器，即可以打開 SVG 文件並查看它們。同時，它還包含了用於轉換爲 PNG 格式和生成數據 URI 模式的選項
• 【Minify】用於壓縮合並 JavaScript 和 CSS 文件的應用程序。它提供了大量自定義的設置，以及自動壓縮保存並導出爲.min文件的選項。它可以分別經過 uglify-js、clean-css 和 html-minifier，與 JavaScript、CSS 和 HTML 協同工做。
• 【Change Case】修改文本的更多命名格式，包括駝峯命名、下劃線分隔命名，snake_case 命名以及 CONST_CAS 命名等
• 【Themes】切換svcode漂亮的主題