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