vscode前端編輯器好用的插件

2023-03-03 分類：網(wǎng)站建設(shè)

Visual Studio Code 是由微軟開(kāi)發(fā)的一款免費(fèi)、跨平臺(tái)的文本編輯器。vs code是前端比較好用，比較火的編輯器，好用的插件讓我們?cè)诰幊讨袩o(wú)往不利；vs code它大的一個(gè)特點(diǎn)是，插件多可自定義?，F(xiàn)在我們來(lái)看看有那些好用的插件。1.
vscode-icons
顧名思義，這個(gè)插件是個(gè)圖標(biāo)插件，與擼代碼沒(méi)啥關(guān)系，但是它將項(xiàng)目中不同類型的文件（文件夾）通過(guò)圖標(biāo)區(qū)分開(kāi)來(lái)，一目了然，看起來(lái)就很爽。
2.CSS Peek
CSSPeak通過(guò)識(shí)別和枚舉已應(yīng)用的不同樣式以幫助開(kāi)發(fā)者處理標(biāo)記語(yǔ)言的類字符串和ID。這很方便，因?yàn)殚_(kāi)發(fā)者不再需要在HTML和CSS文件之間頻繁跳轉(zhuǎn)。
3.ESLint
EsLint可以幫助我們檢查Javascript編程時(shí)的語(yǔ)法錯(cuò)誤。比如：在Javascript應(yīng)用中，你很難找到你漏泄的變量或者方法。EsLint能夠幫助我們分析JS代碼，找到bug并確保一定程度的JS語(yǔ)法書(shū)寫(xiě)的正確性。4.Live Serve
r
在VS Code中，LiveServer能開(kāi)啟一個(gè)本地開(kāi)發(fā)服務(wù)器，為靜態(tài)網(wǎng)頁(yè)和動(dòng)態(tài)網(wǎng)頁(yè)提供服務(wù)。使用編輯器中的go-live按鈕，開(kāi)發(fā)者可以立即把代碼放到服務(wù)器上，該擴(kuò)展插件還支持實(shí)時(shí)刷新頁(yè)面。
5.HTML Boilerplate
通過(guò)使用 HTML 模版插件，你就擺脫了為 HTML 新文件重新編寫(xiě)頭部和正文標(biāo)簽的苦惱。你只需在空文件中輸入 html，并按 Tab 鍵，即可生成干凈的文檔結(jié)構(gòu)。
6.Live Sass Compiler
LiveSass Compiler雖然很小，但功能極其強(qiáng)大，它可以將SASS /SCSS文件實(shí)時(shí)編譯為CSS文件，并在瀏覽器中展示已編譯樣式的實(shí)時(shí)預(yù)覽。
7.Prettier
Prettier 是目前 Web 開(kāi)發(fā)中最受歡迎的代碼格式化程序。安裝了這個(gè)插件，它就能夠自動(dòng)應(yīng)用 Prettier，并將整個(gè) JS 和 CSS 文檔快速格式化為統(tǒng)一的代碼樣式。
8.Color Info
這個(gè)便捷的插件，將為你提供你在 CSS 中使用顏色的相關(guān)信息。你只需在顏色上懸停光標(biāo)，就可以預(yù)覽色塊中色彩模型的（HEX、 RGB、HSL 和 CMYK）相關(guān)信息了。
9.Open-In-Browser
由于 VSCode 沒(méi)有提供直接在瀏覽器中打開(kāi)文件的內(nèi)置界面，所以此插件在快捷菜單中添加了在默認(rèn)瀏覽器查看文件選項(xiàng)，以及在客戶端（Firefox，Chrome，IE）中打開(kāi)命令面板選項(xiàng)。
10.Minify
用于壓縮合并 JavaScript 和 CSS 文件的應(yīng)用程序。它提供了大量自定義的設(shè)置，以及自動(dòng)壓縮保存并導(dǎo)出為.min文件的選項(xiàng)。它能夠分別通過(guò) uglify-js、clean-css 和 html-minifier，與 JavaScript、CSS 和 HTML 協(xié)同工作。

11.Quokka.js

網(wǎng)站名稱：vscode前端編輯器好用的插件
瀏覽路徑：http://muchs.cn/news/241180.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站策劃、品牌網(wǎng)站制作、網(wǎng)站設(shè)計(jì)公司、小程序開(kāi)發(fā)、做網(wǎng)站、網(wǎng)站制作

聲明：本網(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)

猜你還喜歡下面的內(nèi)容