基礎(chǔ)
Chinese (Simplified)
- 適用于 VS Code 的中文(簡(jiǎn)體)語(yǔ)言包
Auto Close Tag
- 自動(dòng)閉合HTML/XML標(biāo)簽
Auto Rename Tag
- 自動(dòng)重命名配對(duì)的HTML/XML標(biāo)記 ,完成另一側(cè)標(biāo)簽的同步修改
Path Intellisense
- 自動(dòng)提示文件路徑,支持各種快速引入文件,支持自動(dòng)補(bǔ)全
Bracket Pair Colorizer
- 給括號(hào)加上不同的顏色,便于區(qū)分不同的區(qū)塊
JavaScript(ES6) code snippets
- ES6語(yǔ)法智能提示以及快速輸入,除js外還支持.ts,.jsx,.tsx,.html,.vue,省去了配置其支持各種包含js代碼文件的時(shí)間
HTML CSS Support
- 讓 html 標(biāo)簽上寫(xiě)class 智能提示當(dāng)前項(xiàng)目所支持的樣式
beautify
- 格式化代碼工具
Prettier - Code formatter
- 使用 prettier 的代碼格式化程序
ESlint
- JavaScript代碼檢測(cè), JavaScript代碼風(fēng)格檢測(cè), JavaScript代碼自動(dòng)格式化
Vue 插件
Vetur
- Vue多功能集成插件,包括:語(yǔ)法高亮,智能提示,emmet,錯(cuò)誤提示,格式化,自動(dòng)補(bǔ)全,debugger。
Vue 3 Snippets
- Vue 智能感知,Vue.js 3和Vue.js 2代碼片段擴(kuò)展
Vue VSCode Snippets
- 代碼片段引用,比如輸入
vbase
就好自動(dòng)創(chuàng)建vue文件代碼結(jié)構(gòu)
Vue Language Features (Volar)
- Vue 3 的語(yǔ)言支持
React 插件
ES7+ React/Redux/React-Native snippets
- 在JS/TS中使用ES7+語(yǔ)法。并且擴(kuò)展React, React- native和Redux??啥ㄖ频摹?nèi)置集成與prettier。
Simple React Snippets
- 內(nèi)置諸多React片段,具體使用案例前往vscodes查看
ssh 插件
Remote - SSH
- 使用SSH打開(kāi)遠(yuǎn)程機(jī)器上的任何文件夾,并利用VS Code的全部功能集。
Remote - SSH: Editing Configuration Files
- 編輯SSH配置文件
Git 插件
Gitlens:提示提交記錄
- 任意選擇一個(gè)文件,你鼠標(biāo)點(diǎn)擊哪一行代碼,后面都會(huì)提示誰(shuí)在什么時(shí)候做了什么,鼠標(biāo)懸浮提示上便會(huì)直接顯示作者,版本,時(shí)間
Git History:查看git歷史記錄
- 查看git日志、文件歷史、比較分支或提交
Git History Diff:對(duì)比git歷史記錄
- 查看git歷史記錄。查看已提交文件的差異。查看git責(zé)備信息。查看存儲(chǔ)細(xì)節(jié)。
文章來(lái)源:http://www.zghlxwxcb.cn/news/detail-488792.html
擴(kuò)展(非必要)
Image Preview
- 鼠標(biāo)移到路徑里顯示圖像預(yù)覽,比如src綁定一張圖片地址,懸浮到路徑上即可顯示圖片
文章來(lái)源地址http://www.zghlxwxcb.cn/news/detail-488792.html
jQuery Code Snippets
- jQuery代碼智能提示
到了這里,關(guān)于【VScode】前端必備插件(全)的文章就介紹完了。如果您還想了解更多內(nèi)容,請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持TOY模板網(wǎng)!