vscode前端編輯器好用的插件
2023-03-03 分類： 網(wǎng)站建設
Visual Studio Code 是由微軟開發(fā)的一款免費、跨平臺的文本編輯器。vs code是前端比較好用，比較火的編輯器，好用的插件讓我們在編程中無往不利；vs code它大的一個特點是，插件多可自定義?，F(xiàn)在我們來看看有那些好用的插件。1.
vscode-icons
顧名思義，這個插件是個圖標插件，與擼代碼沒啥關(guān)系，但是它將項目中不同類型的文件（文件夾）通過圖標區(qū)分開來，一目了然，看起來就很爽。
2.CSS Peek
CSSPeak通過識別和枚舉已應用的不同樣式以幫助開發(fā)者處理標記語言的類字符串和ID。這很方便，因為開發(fā)者不再需要在HTML和CSS文件之間頻繁跳轉(zhuǎn)。
3.ESLint
EsLint可以幫助我們檢查Javascript編程時的語法錯誤。比如：在Javascript應用中，你很難找到你漏泄的變量或者方法。EsLint能夠幫助我們分析JS代碼，找到bug并確保一定程度的JS語法書寫的正確性。4.Live Serve
r
在VS Code中，LiveServer能開啟一個本地開發(fā)服務器，為靜態(tài)網(wǎng)頁和動態(tài)網(wǎng)頁提供服務。使用編輯器中的go-live按鈕，開發(fā)者可以立即把代碼放到服務器上，該擴展插件還支持實時刷新頁面。
5.HTML Boilerplate
通過使用 HTML 模版插件，你就擺脫了為 HTML 新文件重新編寫頭部和正文標簽的苦惱。你只需在空文件中輸入 html，并按 Tab 鍵，即可生成干凈的文檔結(jié)構(gòu)。
6.Live Sass Compiler
LiveSass Compiler雖然很小，但功能極其強大，它可以將SASS /SCSS文件實時編譯為CSS文件，并在瀏覽器中展示已編譯樣式的實時預覽。
7.Prettier
Prettier 是目前 Web 開發(fā)中最受歡迎的代碼格式化程序。安裝了這個插件，它就能夠自動應用 Prettier，并將整個 JS 和 CSS 文檔快速格式化為統(tǒng)一的代碼樣式。
8.Color Info
這個便捷的插件，將為你提供你在 CSS 中使用顏色的相關(guān)信息。你只需在顏色上懸停光標，就可以預覽色塊中色彩模型的（HEX、 RGB、HSL 和 CMYK）相關(guān)信息了。
9.Open-In-Browser
由于 VSCode 沒有提供直接在瀏覽器中打開文件的內(nèi)置界面，所以此插件在快捷菜單中添加了在默認瀏覽器查看文件選項，以及在客戶端（Firefox，Chrome，IE）中打開命令面板選項。
10.Minify
用于壓縮合并 JavaScript 和 CSS 文件的應用程序。它提供了大量自定義的設置，以及自動壓縮保存并導出為.min文件的選項。它能夠分別通過 uglify-js、clean-css 和 html-minifier，與 JavaScript、CSS 和 HTML 協(xié)同工作。
vscode-icons
顧名思義，這個插件是個圖標插件，與擼代碼沒啥關(guān)系，但是它將項目中不同類型的文件（文件夾）通過圖標區(qū)分開來，一目了然，看起來就很爽。
2.CSS Peek
CSSPeak通過識別和枚舉已應用的不同樣式以幫助開發(fā)者處理標記語言的類字符串和ID。這很方便，因為開發(fā)者不再需要在HTML和CSS文件之間頻繁跳轉(zhuǎn)。
3.ESLint
EsLint可以幫助我們檢查Javascript編程時的語法錯誤。比如：在Javascript應用中，你很難找到你漏泄的變量或者方法。EsLint能夠幫助我們分析JS代碼，找到bug并確保一定程度的JS語法書寫的正確性。4.Live Serve
r
在VS Code中，LiveServer能開啟一個本地開發(fā)服務器，為靜態(tài)網(wǎng)頁和動態(tài)網(wǎng)頁提供服務。使用編輯器中的go-live按鈕，開發(fā)者可以立即把代碼放到服務器上，該擴展插件還支持實時刷新頁面。
5.HTML Boilerplate
通過使用 HTML 模版插件，你就擺脫了為 HTML 新文件重新編寫頭部和正文標簽的苦惱。你只需在空文件中輸入 html，并按 Tab 鍵，即可生成干凈的文檔結(jié)構(gòu)。
6.Live Sass Compiler
LiveSass Compiler雖然很小，但功能極其強大，它可以將SASS /SCSS文件實時編譯為CSS文件，并在瀏覽器中展示已編譯樣式的實時預覽。
7.Prettier
Prettier 是目前 Web 開發(fā)中最受歡迎的代碼格式化程序。安裝了這個插件，它就能夠自動應用 Prettier，并將整個 JS 和 CSS 文檔快速格式化為統(tǒng)一的代碼樣式。
8.Color Info
這個便捷的插件，將為你提供你在 CSS 中使用顏色的相關(guān)信息。你只需在顏色上懸停光標，就可以預覽色塊中色彩模型的（HEX、 RGB、HSL 和 CMYK）相關(guān)信息了。
9.Open-In-Browser
由于 VSCode 沒有提供直接在瀏覽器中打開文件的內(nèi)置界面，所以此插件在快捷菜單中添加了在默認瀏覽器查看文件選項，以及在客戶端（Firefox，Chrome，IE）中打開命令面板選項。
10.Minify
用于壓縮合并 JavaScript 和 CSS 文件的應用程序。它提供了大量自定義的設置，以及自動壓縮保存并導出為.min文件的選項。它能夠分別通過 uglify-js、clean-css 和 html-minifier，與 JavaScript、CSS 和 HTML 協(xié)同工作。
11.Quokka.js
網(wǎng)站名稱：vscode前端編輯器好用的插件
瀏覽路徑：http://aaarwkj.com/news/241180.html
成都網(wǎng)站建設公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站策劃、品牌網(wǎng)站制作、網(wǎng)站設計公司、小程序開發(fā)、做網(wǎng)站、網(wǎng)站制作
聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容
- 網(wǎng)站使用阿里云服務器推薦使用快照的好處 2023-03-03
- 怎么樣學習網(wǎng)絡推廣-網(wǎng)絡推廣有哪些方法 2023-03-03
- 成都網(wǎng)站制作開發(fā)具體流程是什么？ 2023-03-03
- 成都如何使用HTML技術(shù)優(yōu)化加快網(wǎng)頁？ 2023-03-03
- 如何建設一個更有特色的網(wǎng)站 2023-03-03
- 找人做網(wǎng)站，教你如何識別不同的雄安建站公司？ 2023-03-03
- 天津網(wǎng)站開發(fā)有效避免網(wǎng)站運營平庸化技巧 2023-03-03
- 成都網(wǎng)站建設哪些錯誤及問題要規(guī)避？ 2023-03-03
- 遵義網(wǎng)站seo站內(nèi)優(yōu)化時應該注意什么 2023-03-03
- 如何提高網(wǎng)站外鏈的多樣性？網(wǎng)站外鏈注意事項 2023-03-03
- 成都你對營銷網(wǎng)站建設到底了解多少？ 2023-03-03
- 如何設計網(wǎng)站更利于SEO優(yōu)化 2023-03-03
- 用戶體驗是決定高端網(wǎng)站建設能否成功的關(guān)鍵 2023-03-03
- 成都網(wǎng)站設計的主頁色彩沖擊力的重要性 2023-03-03
- 怎么建設網(wǎng)站才能創(chuàng)造優(yōu)勢 2023-03-03
- 律師建站策劃導航欄是不可或缺的 2023-03-03
- 網(wǎng)站如何建設才能提高品牌知名度 2023-03-03
- 設計手機網(wǎng)站要注意的五個問題 2023-03-03
- 企業(yè)網(wǎng)站運營如何勝人一籌 2023-03-03