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