VSCode插件
[toc]
Auto Rename Tag
- 自動修改閉合HTML / XML標簽的名字
Auto Close Tag
- 自動閉合HTML / XML標簽
Prettier - Code formatter
- 格式化插件核畴。有的人可能會推薦 Beautify庇茫。我原來也是一直用這個鄙麦，后來發(fā)現(xiàn)這個并不能格式化 React 的代碼杨伙。所以果斷換成 Prettier
Bracket Pair Colorizer
- 給嵌套的各種括號加上不同的顏色
Settings Sync
ESLint
- 代碼靜態(tài)檢視（如果要讓vue文件能ESLint蛛勉，需
npm install eslint-plugin-html） 配置vscode實現(xiàn)對.vue .html文件中的js代碼段的檢測 - 頂部選項Code -> 首選項 -> 設(shè)置儡司，搜索編輯“eslint.validate”添加 "html","vue"! "eslint.validate": [ "javascript", "javascriptreact", "html", "vue" ]
Path Intellisense
- 文件路徑自動補全
Vetur
- 語法高亮、智能感知渐尿、Emmet等, 包含格式化功能醉途， Alt+Shift+F （格式化全文），Ctrl+K Ctrl+F（格式化選中代碼砖茸，兩個Ctrl需要同時按著）
Vue 3 Snippets
stylelint
- CSS / SCSS / Less 語法檢查
Bootstrap 3 Snippets
- 創(chuàng)建一個新的HTML文檔并鍵入'bs3'以查看所有可用的代碼片段隘擎。
vscode-icons
- 改變編輯器里面的文件圖標
Live Server
- 一個為靜態(tài)和動態(tài)頁面啟動具有實時重新加載功能的開發(fā)本地服務(wù)器
Chinese (Simplified) Language Pack for Visual Studio Code
Code Runner
Color Info
CSS Peek
- 定位 CSS 類名
css-auto-prefix
- 自動添加 CSS 私有前綴
Icon Fonts
- 添加字體圖標
HTML CSS Support
HTML Snippets
JavaScript (ES6) code snippets
jQuery Code Snippets
Document This
在函數(shù)上按下ctrl + alt + d ，自動生成注釋 凉夯，可配置
vscode-fileheader
添加注釋到文件頭货葬，并支持自動更新文件修改時間。
open in browser
Minify
壓縮 HTML劲够、CSS震桶、JS 代碼
在文件右鍵 可以選擇在瀏覽器預(yù)覽
markdownlint
Markdown Preview
- 實時預(yù)覽 markdown
:emojisense:
快速挑選 Markdown 中的 Emoji
carbon-now-sh
- 將代碼分享為圖片（圖片的格式可以為 png 和 svg）
SVG View
- 預(yù)覽 SVG
Image preview
左側(cè)顯示圖片預(yù)覽 ,有用不解釋,自動識別代碼中的圖片 ,在左側(cè)顯示圖片預(yù)覽
Codelf
- Codelf 是一個用來給變量命名的網(wǎng)站，你只要輸入你想起的中文名征绎，它就會給你提供很多建議的命名
Turbo Console Log
- 快捷添加 console.log蹲姐，一鍵 注釋 / 啟用 / 刪除 所有 console.log
ctrl + alt + l 選中變量之后，使用這個快捷鍵生成 console.log
alt + shift + c 注釋所有 console.log
alt + shift + u 啟用所有 console.log
alt + shift + d 刪除所有 console.log
Change Case
- 轉(zhuǎn)換命名風(fēng)格,駝峰等
GitLens
- 詳細的 Git 提交日志
vscode-json
- 處理 JSON 文件
Regex Previewer
- 實時預(yù)覽正則表達式的效果
TODO Highlight
- 高亮 TODO人柿，F(xiàn)IXME柴墩、還可以自己配置要高亮的關(guān)鍵字。
px to rem
像素轉(zhuǎn) rem
code spell checker
對基本關(guān)鍵字拼寫校驗
filesize
安裝后左下角有顯示文件大小凫岖，點擊可以查看詳情
VSCode Counter
安裝插件后右鍵文件目錄,統(tǒng)計你寫了多少代碼 ,分別是什么文件
