前端開發(fā)用什么編輯器最好？緊接著web前端啊,設(shè)計(jì)的職業(yè)需求漸高大，做前端開發(fā)的隊(duì)伍也日趨壯大?！肮び破涫?，必先利其器”，互聯(lián)網(wǎng)上大大小小的編輯工具那你多，哪一個(gè)最好用呢?都有什么特點(diǎn)呢?當(dāng)然本質(zhì)個(gè)

前端開發(fā)用什么編輯器最好？

緊接著web前端啊,設(shè)計(jì)的職業(yè)需求漸高大，做前端開發(fā)的隊(duì)伍也日趨壯大?！肮び破涫拢叵壤淦鳌?，互聯(lián)網(wǎng)上大大小小的編輯工具那你多，哪一個(gè)最好用呢?都有什么特點(diǎn)呢?當(dāng)然本質(zhì)個(gè)人的喜好，帶的信手才是最最重要的下面可以介紹幾個(gè)供建議參考

Brackets

默認(rèn)有兩個(gè)主題，是可以直接安裝theme包拓展資源新的主題。親測brackets的插件商店并也不是很不錯(cuò)用，完全安裝插件是可以是從網(wǎng)頁的插件商店中搜索安裝包.zip的鏈接，后再按照鏈接直接安裝。布局方面只支持什么左右的或上下兩種。不過編輯器有一個(gè)很神魔的那個(gè)軟件功能（確實(shí)其他編輯器也也可以是從插件實(shí)現(xiàn)程序），可以一鍵恢復(fù)再打開一個(gè)瀏覽器窗口，同步預(yù)覽在編輯的網(wǎng)頁軟件渲染效果，HTML和CSS的修改也可以頁面無刷新的無需顯示。同時(shí)一個(gè)逆天的功能是，然后在HTML代碼的位置可以修改CSS，還可以不就在CSS代碼段中選擇編輯的話顏色。編輯器不集成顯卡nodejs調(diào)試，親測node-debug插件也不是什么挺好的用。

Hbuilder

帶有eclipse的界面，功能又是大而全。主打“綠柔”主題，替宣傳什么都是很拼。有很豐富的科技配置選項(xiàng)，這確實(shí)是Hbuilder充當(dāng)一個(gè)IDE和其他幾個(gè)編輯器不大的區(qū)別。同樣的接受邊看邊改模式Hbuilder最強(qiáng)橫無比的是也可以很比較方便做移動端開發(fā)，甚至連真接打包hybrid應(yīng)用。Hbuilder是基于條件eclipse變更土地性質(zhì)的，因此也是可以使用的eclipse插件。在插件菜單，Hbuilder推薦推薦了一些具體方法插件，基本是完全覆蓋了前端開發(fā)必須的各種功能。

Dreamweaver

西安北方光電有限公司DW，有著很好聽的的中文名字“夢想編織者”這肯定是建議使用最廣泛的編輯器啦，說起web前端，大家想到的在用工具一般大都Dreamweaver，那就是只不過在用的人多，使用教程很多，因?yàn)樗脖容^適合我初學(xué)者的一款軟件。其中，DW3.0不繼3M，此寶經(jīng)典版，在配置很低的電腦上也能速度非?？斓啬芰鲿痴＿\(yùn)行?？梢哉f，這是一個(gè)的很最經(jīng)典的編輯器，中規(guī)中矩，大部分常規(guī)項(xiàng)功能都有。

Atom

別人說他是21世紀(jì)黑客文本編輯器，卻手中掌握著小清新的顏值，UI交互也是做得更加好。軟件本身體積很小，是一個(gè)開源免費(fèi)的軟件，允許三種語言，手中掌握十分豐富的插件，也可以自定義界面。但是不太合適先打開運(yùn)行程序大文件，svn的支持也都很差。但他有著都很極為強(qiáng)大社區(qū)支持，有社區(qū)接受的話，就代表上帝著軟件始終有人在能維護(hù)，減弱開發(fā)。

Visual Studio Code

他全稱VSC，是一款在線開源的現(xiàn)代化輕量級代碼編輯器，意見完全所有主流的開發(fā)語言，有語法拉絲金屬、智能代碼大荒經(jīng)、下拉菜單熱鍵、括號自動分配、代碼片段、代碼差別Diff、GIT等優(yōu)勢，支持插件擴(kuò)充卡，并因?yàn)榫W(wǎng)頁開發(fā)和云端應(yīng)用開發(fā)做了360優(yōu)化。他有兩大特點(diǎn)，一是插件數(shù)量多，二是是他是微軟需要提供接受辭職在家團(tuán)隊(duì)來旗下的一款編輯器，這是很這般的。該軟件還而支持什么主流三大平臺。

SublimeText

他有著帥酷界面，黑色淺色，男生用帥，女生用酷，上面的代碼五彩繽紛的，不同類型的標(biāo)簽顏色完全不同，語法高亮，甚至連也可以多行你選擇多行編輯。最有特點(diǎn)的是他都能夠支持多種布局和代碼縮略圖，用戶可以根據(jù)自己的喜好來按照布局設(shè)置，還是可以啟動后全屏免打擾模式，精挑細(xì)選安下心來敲代碼。同時(shí)他也有編輯完全恢復(fù)能力，確實(shí)是他的一大特色之一，有了這個(gè)功能，媽媽再也不能不害怕我忘掉能保存代碼突遇全面停電啦!

雖然他確實(shí)是會收費(fèi)的軟件，不過是可以不規(guī)定期限免費(fèi)試用，只是會在可以使用的時(shí)候總會有彈窗。可是他也有些缺點(diǎn)，例如neovimtext原生對中文意見不太敵視，要完全安裝插件才能可以解決。

WebStrom

一款被四方前端設(shè)計(jì)師人譽(yù)“web前端開發(fā)神器”的H5編輯器。他與Intellij IDEA相須，能繼承了Intellij IDEA強(qiáng)大的JS部分功能，所以也被被稱“最智能觸屏的Java IDE”。大部分編輯器有的智能代碼不全，html提示，聯(lián)想查詢，代碼檢查等功能，事實(shí)上的他也具備，但他還附加有代碼重構(gòu)，代碼結(jié)構(gòu)查看網(wǎng)頁，能去掉外圍代碼，代碼重新格式化等等強(qiáng)橫但人性化的設(shè)計(jì)的功能。無疑真正的缺點(diǎn)那就是要如何收費(fèi)吧，假如是真的必須常期使用，應(yīng)該花59美元去買一個(gè)正版的。

開發(fā)一個(gè)app有多難？

先說點(diǎn)，我是前端工程師，所以我的新app建議使用的是H5的東西，不是什么原生安卓和IOS，不過有個(gè)很火一般的Flutter，可是沒幾乎投入運(yùn)行。因?yàn)槲乙韵抡f的只因?yàn)榍岸说南腴_發(fā)app的朋友。其實(shí)我也剛旗下了幾個(gè)，還有很多經(jīng)驗(yàn)不足，如果沒有寫的有問題如果能作解釋。

不過我做開發(fā)還未五年多的時(shí)間，說實(shí)話我覺得要是只是開發(fā)完畢市面上早有的東西，還是總體太容易的，現(xiàn)在有很多能成熟的框架，有很確實(shí)不錯(cuò)的api廣泛借鑒，網(wǎng)上也有很多資源，大部分事情都可以查看到。你遇到問題之前搞不好有很多前輩也碰到過，多些上官方論壇，跟大家交流學(xué)習(xí)。我覺得完全麻煩的東西是你可不可以做下去，并非說見到過個(gè)問題想都不想就找人問，這樣的態(tài)度我不我推薦。就算你的問題很簡單的，結(jié)果才發(fā)現(xiàn)以前僅僅兩行代碼的事，不過這個(gè)結(jié)果也出自于你之前的不停回答，知識只學(xué)了才是自己的。

跟大家簡單點(diǎn)彼此分享下我的經(jīng)歷。那個(gè)app是是用mui開發(fā)物流持著，很簡單說那就是接單后完單可以上傳信息，查找歷史單等等。公司就我一個(gè)前端，做項(xiàng)目之前mui我也才看了一周左右。確實(shí)是但是是html頁面而己，可是也有很多調(diào)用原生的東西。記住那時(shí)候每隔一天都工作不到很晚，最簡單登錄列表會顯示頁面，這些應(yīng)該好寫的。晚上晚上下班之后我就留在公司相關(guān)的資料咋全局函數(shù)系統(tǒng)攝像頭，怎莫可以使用二維碼，怎末動態(tài)鏈接庫怎么支付收款。也很興奮，自己從頭學(xué)習(xí)做沒人帶。后來我們看了官方集成的html5，很多都是樣例，當(dāng)然也會結(jié)合自己的功能稍許修改。也一并加入了幾個(gè)群，可是說有很多瞎扯淡，只不過也有很多人在繼續(xù)探討技術(shù)。所以才資源很多，自己主動地去找。后來我們在開發(fā)的時(shí)候，開發(fā)效率就很快了。

當(dāng)時(shí)有個(gè)超級麻煩的事是動態(tài)創(chuàng)建地圖。我是pc和app另外做的，pc送貨，app接單后，專用也是高德地圖jsapi。但到手機(jī)上就不好使了，我也也不知為什么。也找了很多東西，只不過發(fā)我進(jìn)去的都差不多是地圖不不顯示。問了有個(gè)人的顯示，再細(xì)問他呢，他就說我都是剛弄，我的就能不出來，人家厲害不，我能說什么，自己叨咕唄。我清晰地記得弄了三周，別的布局什么寫的也很快，所以偶爾會弄地圖了。結(jié)果真的是瞎貓遇上死耗子了，我真不懂為么是不是我跟軟件版本我還是什么有關(guān)系。我沒用的話sdk可是引了百度的地圖sdk，jsapi在用的高德的，總是顯示順利。其實(shí)很多人會疑問，你們別糾結(jié)這個(gè)，有用的是效果要先出來，我這些話很可能容易，也很有可能是運(yùn)氣，但這一些也是成立在前期自己的努力思考，查閱資料。原來是不看書明白了了稻盛和夫，現(xiàn)在是實(shí)踐中明白了稻盛和夫先生。

現(xiàn)在我在可以使用mui團(tuán)隊(duì)開發(fā)的另一個(gè)框架uniapp開發(fā)一個(gè)簡易版的頭條。都是文章，專家，訂閱，評論等等內(nèi)容。開始時(shí)候自己慢慢看文檔，看官方例子，搶先出手去寫就，潛近了下flex布局。連網(wǎng)線的分裝，360優(yōu)化promise請求。不過也遇見很多坑，像軟鍵盤彈出來對布局的收縮，這里面沒有window，document這些瀏覽器的對象了。像富文本解析，還得對解析出去的文本字體縮放圖片，圖片點(diǎn)擊，復(fù)制粘貼。uniapp基本上是基于小程序的api語法，所以我自己也去搞去找，上個(gè)月忙了整月，現(xiàn)在基本上都可以了。你不怕走歪路，走多了就知道怎么認(rèn)真思索了，咋能解決問題了。

我只是個(gè)小開發(fā)，依舊在學(xué)習(xí)，在發(fā)現(xiàn)自己。如果能跟大家齊一進(jìn)步。假如有想知道一點(diǎn)得東西可以不給我留言，我也我希望去分享分享自己的經(jīng)歷。百度網(wǎng)盤也有些教程，有是需要的小伙伴可以不找我，不需關(guān)注。謝謝啦閱讀！