問答專欄Q & A COLUMN
前端的編輯器很多，這個(gè)也沒什么特殊的標(biāo)準(zhǔn)，哪個(gè)一定好，哪個(gè)一定不好，只要能高效、保質(zhì)保量的完成工作就行，下面我介紹幾款常用的前端代碼編輯器，感興趣的可以下載嘗試一下：
1.VS Code：這個(gè)是微軟開發(fā)的一個(gè)免費(fèi)、開源、跨平臺(tái)的代碼編輯器，支持幾十種編程語言，包括Html，CSS，JS等，小巧靈活、運(yùn)行效率高，支持常見的代碼高亮、語法提示、智能補(bǔ)全、錯(cuò)誤檢查、Git等功能，而且插件擴(kuò)展豐富，配置后，可直接調(diào)試運(yùn)行Java，C++等程序，是一個(gè)很不錯(cuò)的代碼編輯器，也很適合前端開發(fā)：
2.Sublime Text：這也是一個(gè)免費(fèi)、跨平臺(tái)、小巧的代碼編輯器，支持的編程語言與VS Code差不多，輕便、靈活、運(yùn)行效率較高，支持常見的代碼高亮、語法檢查、自動(dòng)補(bǔ)全等功能，安裝相關(guān)插件后，也可以完成代碼的調(diào)試和運(yùn)行，對(duì)于前端開發(fā)來說，也是一個(gè)很不錯(cuò)的代碼編輯器：
3.Atom：這個(gè)是GitHub專門為廣大程序員開發(fā)的一個(gè)代碼編輯器，免費(fèi)、開源、跨平臺(tái)，支持常見的Html，CSS ，JS，Java，C++等編程語言開發(fā)，代碼高亮、自動(dòng)補(bǔ)全、語法提示、輕便靈活，是一個(gè)非常不錯(cuò)的代碼編輯器：
4.Notepad++：這個(gè)大部分人都應(yīng)該聽說過，其實(shí)就是記事本的增強(qiáng)版，支持多達(dá)27種編程語言，包括前端的Html，CSS，Javascript等，自動(dòng)補(bǔ)全、語法提示等功能也不錯(cuò)，小巧靈活，使用方便，是一個(gè)很不錯(cuò)的前端代碼編輯器：
5.Hbuilder：這個(gè)是國產(chǎn)的一個(gè)前端開發(fā)的IDE，專門用于web開發(fā)，界面柔綠、清爽護(hù)眼，支持常見的自動(dòng)補(bǔ)全、語法提示等功能，還支持Markdown功能，可以將開發(fā)的前端網(wǎng)頁云端打包成安卓或iOS手機(jī)應(yīng)用，是一個(gè)非常不錯(cuò)的前端編輯器：
6.WebStorm：這是一個(gè)重量級(jí)的Web開發(fā)IDE，由Jetbrains公司研發(fā)，Web開發(fā)的神器，常見的代碼高亮、智能補(bǔ)全、語法提示、Git等功能，這個(gè)軟件都支持，除此之外，還支持單元測(cè)試、代碼重構(gòu)、代碼分析等功能，在大型項(xiàng)目開發(fā)中，經(jīng)常會(huì)用到，是一個(gè)很不錯(cuò)的前端IDE：
目前，就分享這6個(gè)前端開發(fā)的代碼編輯器吧，像其他的軟件，Editplus，IDEA，DW，Eclipse等也都可以，選擇適合自己的一個(gè)就行，希望以上分享的內(nèi)容能對(duì)你有所幫助吧，也歡迎大家評(píng)論、留言。
評(píng)論0
加載中...
作為一名工程師，給自己選一個(gè)趁手的工具是非常非常重要的一件事情，而作為一個(gè)前端工程師，我并不建議大家上比較重的IDE來進(jìn)行開發(fā)，而是使用一些文本編輯器來進(jìn)行開發(fā)就可以了。
首先要推薦給大家的就是大名鼎鼎的微軟推出的vs code這款編輯器。首先這是一款免費(fèi)的編輯器，因此大家不必為此花上一些費(fèi)用。其次是它是由微軟公司推出的，所以在用戶體驗(yàn)以及各個(gè)方面都是做得相當(dāng)?shù)牟诲e(cuò)，尤其是它豐富的第三方插件包，非常非常的多。我相信每一個(gè)前端工程師都會(huì)精心的去配置它的編輯器，打造成一個(gè)獨(dú)一無二的編輯器。而在滿足自己的個(gè)性化需求方面，這一款比你寢室做的非常非常理想的。
其次給你推薦的編輯器是由github公司推出的atom這款編輯器。從可定制性以及其他的方面來說，相比微軟的編輯器還是差了那么一點(diǎn)點(diǎn)，但是有一點(diǎn)非常非常非常牛逼就是真的很好看。我個(gè)人就是因?yàn)轭佒档膯栴}，選擇這款電器為我的首選開發(fā)編輯器。至于在配置方面，通過命令行配置的話還是很好配置的，但是如果你對(duì)命令行不是很了解的話，圖形界面的配置好像在國內(nèi)有墻的問題。不過我個(gè)人沒有更深入的研究，因?yàn)槲規(guī)啄昵鞍丫庉嬈髋渲煤弥螅驮僖矝]有動(dòng)彈過。
推薦給你的第3款的編輯器，就是國內(nèi)的一家公司推出的h builder。這款編輯器針對(duì)我們國人的一些開發(fā)特點(diǎn)，做了很多本土化的優(yōu)化，在一些便利性方面也做的確實(shí)是非常的不錯(cuò)，但是因?yàn)闆]有我喜歡的皮膚，所以我個(gè)人并沒有使用這款兵器，但是周圍的前臺(tái)工程師確實(shí)有很多使用這款兵器，并且評(píng)價(jià)非常的高。
最后說到編輯器怎么能夠不推薦神的編輯器vim呢？我平時(shí)就是使用這款編輯器為我的輔助編輯器的，畢竟在命令行里面可以直接編輯操作，不用切來切去的，確實(shí)是感覺比較爽一點(diǎn)，不過如果你不是蘋果用戶或者是Linux系統(tǒng)的用戶的話呢，使用這款編輯器會(huì)讓你很尷尬的。不過我相信如果你學(xué)好了，對(duì)你會(huì)有非常非常多的幫助。
以上文字只是我的個(gè)人觀點(diǎn)，如果各位看官有不同的觀點(diǎn)，歡迎在評(píng)論區(qū)中討論留言，如果喜歡我的回答，可以給我點(diǎn)贊轉(zhuǎn)發(fā)并關(guān)注我，我在這里謝謝大家了。
評(píng)論0
加載中...
隨著web前端設(shè)計(jì)的職業(yè)需求愈來愈大，做前端開發(fā)的隊(duì)伍也日益壯大。“工欲善其事，必先利其器”，互聯(lián)網(wǎng)上大大小小的編輯工具那么多，哪一個(gè)最好用呢?都有什么特點(diǎn)呢?其實(shí)在于個(gè)人的喜好，用的順手才是最重要的下面介紹幾個(gè)供參考
Brackets
默認(rèn)有兩個(gè)主題，可以通過安裝theme包拓展新的主題。親測(cè)brackets的插件商店并不是很好用，安裝插件可以通過網(wǎng)頁的插件商店查找安裝包.zip的鏈接，然后通過鏈接安裝。布局方面只支持左右或者上下兩種方式。但是編輯器有一個(gè)很逆天的自帶功能（雖然其他編輯器也可以通過插件實(shí)現(xiàn)），可以一鍵打開一個(gè)瀏覽器窗口，同步預(yù)覽在編輯的網(wǎng)頁渲染效果，HTML和CSS的修改可以頁面無刷新的即時(shí)顯示。另外一個(gè)逆天的功能是，直接在HTML代碼的位置修改CSS，還可以直接在CSS代碼段中選擇編輯顏色。編輯器不集成nodejs調(diào)試，親測(cè)node-debug插件也不是很好用。
Hbuilder
類似eclipse的界面，功能也是大而全。主打“綠柔”主題，為了宣傳也是很拼。有很豐富的配置選項(xiàng)，這也是Hbuilder作為一個(gè)IDE和其他幾個(gè)編輯器很大的區(qū)別。同時(shí)支持邊看邊改模式Hbuilder最強(qiáng)大的是可以很方便做移動(dòng)端開發(fā)，甚至直接打包hybrid應(yīng)用。Hbuilder是基于eclipse開發(fā)的，所以也是使用的eclipse插件。在插件菜單，Hbuilder推薦了一些常用插件，基本覆蓋了前端開發(fā)需要的各種功能。
Dreamweaver
簡稱DW，有著很好聽的中文名字“夢(mèng)想編織者”這可能是使用最廣泛的編輯器啦，說到web前端，大家想到的使用工具一般都是Dreamweaver，就是因?yàn)槭褂玫娜硕啵褂媒坛毯芏啵运彩潜容^適合初學(xué)者的一款軟件。其中，DW3.0不足3M，乃是經(jīng)典版，在配置很低的電腦上也能速度很快地流暢運(yùn)行。可以說，這是一個(gè)非常經(jīng)典的編輯器，中規(guī)中矩，大部分常規(guī)功能都有。
Atom
有人說他是21世紀(jì)黑客文本編輯器，卻擁有著小清新的顏值，UI交互也是做得非常好。軟件本身體積很小，是一個(gè)開源免費(fèi)的軟件，支持多種語言，擁有豐富的插件，可以自定義界面。但是不太適合打開運(yùn)行大文件，svn的支持也比較差。不過他有著比較強(qiáng)大社區(qū)支持，有社區(qū)支持的話，就代表著軟件一直有人在維護(hù)，持續(xù)開發(fā)。
Visual Studio Code
他簡稱VSC，是一款免費(fèi)開源的現(xiàn)代化輕量級(jí)代碼編輯器，支持幾乎所有主流的開發(fā)語言，有語法高亮、智能代碼補(bǔ)全、自定義熱鍵、括號(hào)匹配、代碼片段、代碼對(duì)比 Diff、GIT 等優(yōu)勢(shì)，支持插件擴(kuò)展，并針對(duì)網(wǎng)頁開發(fā)和云端應(yīng)用開發(fā)做了優(yōu)化。他有兩大特點(diǎn)， 一是插件數(shù)量多，二是是他是微軟提供支持全職團(tuán)隊(duì)來開發(fā)的一款編輯器，這是很難得的。該軟件還同時(shí)支持主流三大平臺(tái)。
Sublime Text
他有著帥酷界面，黑色打底，男生用帥，女生用酷，上面的代碼五顏六色，不同類型的標(biāo)簽顏色不同，語法高亮，甚至可以多行選擇多行編輯。最有特點(diǎn)的是他能夠支持多種布局和代碼縮略圖，用戶可以根據(jù)自己的喜好來調(diào)整布局設(shè)置，還可以啟動(dòng)全屏免打擾模式，精心安心敲代碼。同時(shí)他也有編輯恢復(fù)能力，也是他的一大特色之一，有了這個(gè)功能，媽媽再也不擔(dān)心我忘記保存代碼突遇停電啦!
雖然他也是收費(fèi)的軟件，但是可以不限期免費(fèi)試用，只是會(huì)在使用的時(shí)候總會(huì)有彈窗。但是他也有些缺點(diǎn)，比如sublime text原生對(duì)中文支持不太友好，需要安裝插件才能解決。
WebStrom
一款被廣大前端設(shè)計(jì)師譽(yù)為“web前端開發(fā)神器”的H5編輯器。他與Intellij IDEA同源，繼承了Intellij IDEA強(qiáng)大的JS部分功能，因此也被稱為“最智能的Java IDE”。大部分編輯器有的智能代碼不全，html提示，聯(lián)想查詢，代碼檢查等功能，毫無疑問的他也擁有，而且他還額外有代碼重構(gòu)，代碼結(jié)構(gòu)瀏覽，去掉外圍代碼，代碼格式化等等強(qiáng)大而且人性化的功能。可以說唯一的缺點(diǎn)就是要收費(fèi)吧，如果真的需要長期使用，還是花59美元去買一個(gè)正版的。
評(píng)論0
加載中...
①Visual Studio Code：有著強(qiáng)大的插件生態(tài)系統(tǒng)，在使用JavaScript框架和庫構(gòu)建應(yīng)用程序時(shí)或者使用nodejs時(shí)推薦使用Visual Studio Code。
②webstrom 是jetbrains公司旗下一款JavaScript 開發(fā)工具。目前已經(jīng)被廣大中國JS開發(fā)者譽(yù)為“Web前端開發(fā)神器”、“最強(qiáng)大的HTML5編輯器”、“最智能的JavaScript IDE”等。與IntelliJ IDEA同源，繼承了IntelliJ IDEA強(qiáng)大的JS部分的功能。
③Sublime Text：靈活、強(qiáng)大、可擴(kuò)展的文本編輯器，它能夠如閃電般快速運(yùn)行，并且支持切換到其它窗口進(jìn)行代碼檢查、調(diào)試和部署
評(píng)論0
加載中...10
回答3
回答9
回答10
回答0
回答10
回答0
回答1
回答0
回答0
回答
