Visual Studio Code 是由微軟開發的一款免費、跨平臺的文本編輯器。vs code是前端比較好用,比較火的編輯器,好用的插件讓我們在編程中無往不利;vs code它大的一個特點是,插件多可自定義。現在我們來看看有那些好用的插件。1.vscode-icons
顧名思義,這個插件是個圖標插件,與擼代碼沒啥關系,但是它將項目中不同類型的文件(文件夾)通過圖標區分開來,一目了然,看起來就很爽。2.CSS Peek
CSSPeak通過識別和枚舉已應用的不同樣式以幫助開發者處理標記語言的類字符串和ID。這很方便,因為開發者不再需要在HTML和CSS文件之間頻繁跳轉。3.ESLint
EsLint可以幫助我們檢查Javascript編程時的語法錯誤。比如:在Javascript應用中,你很難找到你漏泄的變量或者方法。EsLint能夠幫助我們分析JS代碼,找到bug并確保一定程度的JS語法書寫的正確性。4.Live Serve
r
在VS Code中,LiveServer能開啟一個本地開發服務器,為靜態網頁和動態網頁提供服務。使用編輯器中的go-live按鈕,開發者可以立即把代碼放到服務器上,該擴展插件還支持實時刷新頁面。5.HTML Boilerplate
通過使用 HTML 模版插件,你就擺脫了為 HTML 新文件重新編寫頭部和正文標簽的苦惱。你只需在空文件中輸入 html,并按 Tab 鍵,即可生成干凈的文檔結構。6.Live Sass Compiler
LiveSass Compiler雖然很小,但功能極其強大,它可以將SASS /SCSS文件實時編譯為CSS文件,并在瀏覽器中展示已編譯樣式的實時預覽。7.Prettier
Prettier 是目前 Web 開發中最受歡迎的代碼格式化程序。安裝了這個插件,它就能夠自動應用 Prettier,并將整個 JS 和 CSS 文檔快速格式化為統一的代碼樣式。8.Color Info
這個便捷的插件,將為你提供你在 CSS 中使用顏色的相關信息。你只需在顏色上懸停光標,就可以預覽色塊中色彩模型的(HEX、 RGB、HSL 和 CMYK)相關信息了。9.Open-In-Browser
由于 VSCode 沒有提供直接在瀏覽器中打開文件的內置界面,所以此插件在快捷菜單中添加了在默認瀏覽器查看文件選項,以及在客戶端(Firefox,Chrome,IE)中打開命令面板選項。10.Minify
用于壓縮合并 JavaScript 和 CSS 文件的應用程序。它提供了大量自定義的設置,以及自動壓縮保存并導出為.min文件的選項。它能夠分別通過 uglify-js、clean-css 和 html-minifier,與 JavaScript、CSS 和 HTML 協同工作。11.Quokka.js
本文標題:vscode前端編輯器好用的插件
網站網址:http://m.newbst.com/news30/241180.html
成都網站建設公司_創新互聯,為您提供App開發、企業建站、網站設計、品牌網站設計、營銷型網站建設、網站策劃
廣告
聲明:本網站發布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網站立場,如需處理請聯系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經允許不得轉載,或轉載時需注明來源:
創新互聯