小編給大家分享一下vscode常用插件是哪個(gè)，希望大家閱讀完這篇文章之后都有所收獲，下面讓我們一起去探討吧！

創(chuàng)新互聯(lián)是一家以重慶網(wǎng)站建設(shè)、網(wǎng)頁(yè)設(shè)計(jì)、品牌設(shè)計(jì)、軟件運(yùn)維、成都網(wǎng)站營(yíng)銷、小程序App開(kāi)發(fā)等移動(dòng)開(kāi)發(fā)為一體互聯(lián)網(wǎng)公司。已累計(jì)為食品包裝袋等眾行業(yè)中小客戶提供優(yōu)質(zhì)的互聯(lián)網(wǎng)建站和軟件開(kāi)發(fā)服務(wù)。

vscode（Visual Studio Code）是一款免費(fèi)開(kāi)源的現(xiàn)代化輕量級(jí)代碼編輯器，支持幾乎所有主流的開(kāi)發(fā)語(yǔ)言的語(yǔ)法高亮、智能代碼補(bǔ)全、自定義熱鍵、括號(hào)匹配、代碼片段、代碼對(duì)比 Diff、GIT 等特性，支持插件擴(kuò)展，并針對(duì)網(wǎng)頁(yè)開(kāi)發(fā)和云端應(yīng)用開(kāi)發(fā)做了優(yōu)化。

vscode安裝插件只需要點(diǎn)擊圖片所示按鈕，即可進(jìn)入拓展，在搜索框中輸入插件名點(diǎn)擊安裝后，等待安裝好即可點(diǎn)擊重新加載重啟vscode使得插件生效。

當(dāng)你不需要某個(gè)插件時(shí)只需要進(jìn)入擴(kuò)展，點(diǎn)擊對(duì)應(yīng)插件右下角的齒輪按鈕即可選擇禁用或卸載該插件。

vscode常用插件有哪些？

插件	說(shuō)明	備注
Auto Close Tag	自動(dòng)添加HTML / XML關(guān)閉標(biāo)簽
Auto Rename Tag	自動(dòng)重命名配對(duì)的HTML / XML標(biāo)簽
Beautify	格式化代碼
Bracket Pair Colorizer	顏色識(shí)別匹配括號(hào)
Code Runner	非常強(qiáng)大的一款插件，能夠運(yùn)行多種語(yǔ)言的代碼片段或代碼文件：C，C ++，Java，JavaScript，PHP，Python，Perl，Ruby，Go等等 安裝完成后，右上角會(huì)出現(xiàn)：?
change-case	雖然 VSCode 內(nèi)置了開(kāi)箱即用的文本轉(zhuǎn)換選項(xiàng)，但其只能進(jìn)行文本大小寫(xiě)的轉(zhuǎn)換。而此插件則添加了用于修改文本的更多命名格式，包括駝峰命名、下劃線分隔命名，snake_case 命名以及 CONST_CAS 命名等
Chinese (Simplified) Language Pack for Visual Studio Code	中文簡(jiǎn)體語(yǔ)言包
Color Info	這個(gè)便捷的插件，將為你提供你在 CSS 中使用顏色的相關(guān)信息。你只需在顏色上懸停光標(biāo)，就可以預(yù)覽色塊中色彩模型的（HEX、 RGB、HSL 和 CMYK）相關(guān)信息了
CSS Peek	使用此插件，你可以追蹤至樣式表中 CSS 類和 ids 定義的地方。當(dāng)你在 HTML 文件中右鍵單擊選擇器時(shí)，選擇“ Go to Definition 和 Peek definition ”選項(xiàng)，它便會(huì)給你發(fā)送樣式設(shè)置的 CSS 代碼
Debugger for Chrome	前端調(diào)試, 查看使用方法
ESLint	EsLint可以幫助我們檢查Javascript編程時(shí)的語(yǔ)法錯(cuò)誤。比如：在Javascript應(yīng)用中，你很難找到你漏泄的變量或者方法。EsLint能夠幫助我們分析JS代碼，找到bug并確保一定程度的JS語(yǔ)法書(shū)寫(xiě)的正確性
filesize	在底部狀態(tài)欄顯示當(dāng)前文件大小，點(diǎn)擊后還可以看到詳細(xì)創(chuàng)建、修改時(shí)間
Git History	以圖表的形式查看 git 日志
GitLens — Git supercharged	顯示文件最近的 commit 和作者，顯示當(dāng)前行 commit 信息
HTML Boilerplate	通過(guò)使用 HTML 模版插件，你就擺脫了為 HTML 新文件重新編寫(xiě)頭部和正文標(biāo)簽的苦惱。你只需在空文件中輸入 html，并按 Tab 鍵，即可生成干凈的文檔結(jié)構(gòu)
HTMLHint	HTML 代碼格式檢測(cè)
HTML Snippets	代碼自動(dòng)填充
htmltagwrap	在選中HTML標(biāo)簽中外面套一層標(biāo)簽 ”Alt + W”  (“Option + W” for Mac)
Image Preview	鼠標(biāo)移到路徑里顯示圖像預(yù)覽
Indenticator	突出目前的縮進(jìn)深度
intelliSense for CSS class names in HTML	把項(xiàng)目中 css 文件里的名稱智能提示在 html 中
JavaScript (ES6) code snippets	es6代碼片段
Live Server	瀏覽器實(shí)時(shí)刷新
Node.js Modules Intellisense	可以在導(dǎo)入語(yǔ)句中自動(dòng)完成JavaScript / TypeScript模塊
npm Intellisense	require 時(shí)的包提示
Path Intellisense	路徑自動(dòng)補(bǔ)全
Quokka.js	Quokka 是一個(gè)調(diào)試工具插件，能夠根據(jù)你正在編寫(xiě)的代碼提供實(shí)時(shí)反饋 使用方法: ctrl+shift+p 輸入 quokka 選擇 new javascript 就可以了
Regex Previewer	這是一個(gè)用于實(shí)時(shí)測(cè)試正則表達(dá)式的實(shí)用工具。它可以將正則表達(dá)式模式應(yīng)用在任何打開(kāi)的文件上，并高亮所有的匹配項(xiàng)
SVG Viewer	此插件在 Visual Studio 代碼中添加了許多實(shí)用的 SVG 程序，你無(wú)需離開(kāi)編輯器，便可以打開(kāi) SVG 文件并查看它們。同時(shí)，它還包含了用于轉(zhuǎn)換為 PNG 格式和生成數(shù)據(jù) URI 模式的選項(xiàng)
Vetur	Vue 語(yǔ)法高亮顯示, 語(yǔ)法錯(cuò)誤檢查, 代碼自動(dòng)補(bǔ)全 (配合 ESLint 插件效果更佳)
vscode-fileheader	頂部注釋模板，可定義作者、時(shí)間等信息，并會(huì)自動(dòng)更新最后修改時(shí)間 快捷鍵: Ctrl+Alt+i (默認(rèn)信息可在 文件→選項(xiàng)→設(shè)置 中修改)

看完了這篇文章，相信你對(duì)“vscode常用插件是哪個(gè)”有了一定的了解，如果想了解更多相關(guān)知識(shí)，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，感謝各位的閱讀！

文章題目：vscode常用插件是哪個(gè)-創(chuàng)新互聯(lián)
轉(zhuǎn)載來(lái)源：http://chinadenli.net/article34/egcse.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供域名注冊(cè)、定制開(kāi)發(fā)、標(biāo)簽優(yōu)化、靜態(tài)網(wǎng)站、App開(kāi)發(fā)、外貿(mào)建站

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)