摘要:作為一款開源的輕量級編輯器,它具有簡潔的,高可擴展性,易于調試等諸多優點,尤其是它豐富的插件,可以讓我們在開發過程中事半功倍,所以,今天想從整個開發過程的角度,推薦一下平時我親測覺得很好用的插件。又一款用顏色拯救眼睛的插件。
筆者作為前端開發,使用過各種編輯器,經歷過sublime,Atom,WebStorm的種種試用淘寶的過程,直到遇到微軟的VSCode,才有一種終于遇到對的人的感覺。作為一款開源的輕量級編輯器,它具有簡潔的GUI,高可擴展性,易于調試等諸多優點,尤其是它豐富的插件,可以讓我們在開發過程中事半功倍,所以,今天想從整個開發過程的角度,推薦一下平時我親測覺得很好用的插件。
One Dark Theme第一個首先推薦主題,開發本身是一個枯燥乏味的過程,有時候會迷茫和奔潰,一個好看的UI主題,會給你一個好的心情,暗色系的背景色和搭配合理的代碼分色,也會減小你眼睛的壓力,不至于去盯著屏幕看清每一行代碼。
主題這種東西見仁見智,根據自己的喜歡進行選擇就好,One Dark Theme是我平時用的主題,它是Atom上標志性的主題,所以在VSCode時也沿用了過來,它采用暖色系,不具有進攻性,給我的感覺是容易讓人的心情平和下來,作為2017年最佳主題,它絕對是一款符合大眾化口味的插件。
ESLintJavaScript作為一種弱類型的解釋性語言,沒有編譯的過程,也就意味著編輯器和瀏覽器會最大程度的容忍你的垃圾代碼,但是作為一個有追求的開發者,還是需要對自己的代碼質量有所要求。借助 ESLint,可將靜態代碼分析和問題代碼協助修復集成到編碼、提交和打包過程中,及早發現并協助修復代碼中語法錯誤和不符合約定準則等情況。
Path Intellisense寫代碼之前經常要import其他頁面文件和本地靜態資源,通過安裝Path Intellisense,能讓文件路徑自動補全,在你用任何方式引入文件系統中的路徑時提供智能提示和自動完成。
Color Highlight顧名思義,可以直接清晰等在代碼中直接展示對應顏色值的色彩,對于我這種自帶設計屬性的前端開發是一大利器。
Bracket Pair Colorizer又一款用顏色拯救眼睛的插件。代碼中嵌套過多時,就不容易鑒別方法塊的邊界,利用這個擴展可以識別代碼中的各種括號,并且標記上不同的顏色,方便你掃視到匹配的括號,在括號使用非常多的情況下能環節眼部壓力。
Code Runner開發人員經常會遇到一些方法記不清楚的情況,可能是不記得參數,可能是輸出數據格式,所以偶爾需要在Chrome的控制臺上運行一些簡單的demo,但是在顏色區分、代碼縮進、變量重復等問題上有諸多不便,所以完全可以在VSCode上編輯demo,利用Code Runner直接運行。
Code Runner內置控制臺,支持運行各種類型的代碼,且可以通過選中來運行局部代碼。
Debugger for Chrome運行完代碼,可能有一堆的error和warning,在前端開發中,可能就需要Chrome配合debug了,而VSCode就自帶了一款插件,可以直接在IDE上著手debug。具體的配置和使用方法可以看看這里。
文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。
轉載請注明本文地址:http://m.specialneedsforspecialkids.com/yun/105618.html
摘要:然而在固定布局時我們通常以為基準單位進行調整,進而通過計算獲取的值,這時如果有個好用的轉工具會讓工作事半功倍。啟用此插件的文件類型。輸入值后按下鍵直接轉換,使用取消轉換 在響應式布局中,rem這個css單位已經慢慢嶄露頭角,成為最佳解決方案之一。然而在固定布局時我們通常以px為基準單位進行調整,進而通過計算獲取rem的值,這時如果有個好用的px轉rem工具會讓工作事半功倍。本文將推薦一...
摘要:軟件跨平臺支持以及,運行流暢,可謂是微軟的良心之作微軟有這個宇宙最強,自然也不會弱宇宙最強編輯器說到代碼編輯器,我們有必要提一提還有。 原文鏈接:VS Code上手與超實用插件安利 工欲善其事必先利其器 Visual Studio Code (簡稱 VS Code / VSC) 是一款免費開源的現代化輕量級代碼編輯器,支持幾乎所有主流的開發語言的語法高亮、智能代碼補全、自定義熱鍵、括號...
摘要:開發插件推薦原文地址由于本人主要是做開發,用的代碼編輯器是傳說中的宇宙第一前端神器所以在這里記錄并推薦一些本人開發過程中常用的一些插件幫助開發。最后的最后,我只想說,強無敵,大法好我自己日常開發中使用的擴展 react開發vscode插件推薦 原文地址:https://github.com/xieqingtia... 由于本人主要是做react開發,用的代碼編輯器是傳說中的宇宙第一前端...
摘要:開發插件推薦原文地址由于本人主要是做開發,用的代碼編輯器是傳說中的宇宙第一前端神器所以在這里記錄并推薦一些本人開發過程中常用的一些插件幫助開發。最后的最后,我只想說,強無敵,大法好我自己日常開發中使用的擴展 react開發vscode插件推薦 原文地址:https://github.com/xieqingtia... 由于本人主要是做react開發,用的代碼編輯器是傳說中的宇宙第一前端...
閱讀 2588·2021-11-22 12:01
閱讀 1113·2021-11-15 11:37
閱讀 3696·2021-09-22 14:59
閱讀 1761·2021-09-04 16:45
閱讀 1392·2021-09-03 10:30
閱讀 1026·2021-08-11 11:18
閱讀 2467·2019-08-30 10:53
閱讀 2023·2019-08-29 15:13