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