前端開發(fā)用什么編輯器最好？伴隨著web前端啊,設(shè)計的職業(yè)需求急遽大，做前端開發(fā)的隊伍也日益壯大自身。“工欲善其事，必先利其器”，互聯(lián)網(wǎng)上數(shù)以千計的編輯工具那你多，哪一個最好就是用呢?都是什么特點呢?其

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

伴隨著web前端啊,設(shè)計的職業(yè)需求急遽大，做前端開發(fā)的隊伍也日益壯大自身。“工欲善其事，必先利其器”，互聯(lián)網(wǎng)上數(shù)以千計的編輯工具那你多，哪一個最好就是用呢?都是什么特點呢?其實只是相對而言個人的喜好，專用隨手才是最最重要的下面詳細介紹幾個供建議參考

Brackets

設(shè)置有兩個主題，也可以實際按裝theme包拓寬思維新的主題。親測brackets的插件商店并并非非常好用，安裝好插件可以通過網(wǎng)頁的插件商店中搜索安裝包.zip的鏈接，接著實際鏈接安裝。布局方面只支持左右或是上下兩種。不過編輯器有一個很滅世的從網(wǎng)上下載功能（可是其他編輯器也也可以實際插件實現(xiàn)方法），可以一鍵設(shè)置然后打開一個瀏覽器窗口，同步預覽在編輯的網(wǎng)頁顏色渲染效果，HTML和CSS的修改也可以頁面無重新登陸的無需顯示。別外一個逆天的功能是，然后在HTML代碼的位置修改CSS，還也可以真接在CSS代碼段中你選編輯器顏色。編輯器不獨立顯卡nodejs調(diào)試，親測node-debug插件也不是挺好用。

Hbuilder

的的eclipse的界面，功能也大而全。主打“綠柔”主題，就是為了廣告也很拼。有很厚道的配置選項，這確實是Hbuilder另外一個IDE和其他幾個編輯器很小的區(qū)別。同樣的接受邊吃邊改模式Hbuilder最強橫無比的是這個可以很方便些做移動端開發(fā)，甚至然后打包hybrid應(yīng)用。Hbuilder是基于條件eclipse變更土地性質(zhì)的，因此都是建議使用的eclipse插件。在插件菜單，Hbuilder幫我推薦了一些具體方法插件，基本是包裹了前端開發(fā)需要的各種功能。

Dreamweaver

西安北方光電有限公司DW，有著很好聽呀的中文名字“夢想編織者”這很有可能是使用最廣泛的編輯器啦，頓了頓web前端，大家想到的不使用工具一般全是Dreamweaver，是而且可以使用的人多，使用教程很多，因此他都是比較更適合初學者的一款軟件。其中，DW3.0不足3M，道門經(jīng)典版，在配置很低的電腦上也能速度非?？斓睾芰鲿硢?。的確，這是一個非常比較經(jīng)典的編輯器，沒什么亮點，大部分查看功能都是。

Atom

別人說他是21世紀黑客文本編輯器，卻手中掌握著小清新的顏值，UI交互又是做得相當好。軟件本身體積很小，是一個開源免費的軟件，支持什么六種語言，擁有豐富的插件，是可以自定義設(shè)置界面。但不太更適合可以打開正常運行大文件，svn的支持也都很差。只不過他有著比較好強大社區(qū)支持，有社區(qū)接受的話，就代表上帝著軟件總是有人在能維護，減弱開發(fā)。

Visual Studio Code

他是由VSC，是一款免費開源的現(xiàn)代化輕量級代碼編輯器，支持全都所有主流的開發(fā)語言，有語法高亮、智能代碼最后的神、選項卡熱鍵、括號匹配、代碼片段、代碼差不多Diff、GIT等優(yōu)勢，意見插件存儲，并是對網(wǎng)頁開發(fā)和云端應(yīng)用開發(fā)做了優(yōu)化。他有兩大特點，一是插件數(shù)量多，二是是他是微軟提供支持什么做全職團隊來開發(fā)的一款編輯器，這是很總算的。該軟件還同時支持什么主流三大平臺。

SublimeText

他有著帥酷界面，黑色淺橘色，男生用帥，女生用酷，上面的代碼五彩繽紛的，不同類型的標簽顏色相同，語法高亮，甚至還可以多行選擇類型多行編輯。最有特點的是他還能夠支持什么多種布局和代碼縮略圖，用戶可以根據(jù)個人喜好來決定布局設(shè)置，還可以不啟動后全屏免打擾模式，經(jīng)過挑選安安心敲代碼。而他也有可以編輯復原能力，確實是他的一大特色之一，有了這個功能，媽媽全然不著急我忘記需要保存代碼突遇停水啦!

確實他又是如何收費的軟件，不過是可以不限定日期免費試用，只不過會在建議使用的時候總會有彈窗?？墒撬灿行┤秉c，例如textmatetext原生對中文支持不太不友善，是需要直接安裝插件才能解決的辦法。

WebStrom

一款被廣大前端設(shè)計師奉為“web前端開發(fā)神器”的H5編輯器。他與Intellij IDEA同根，能繼承了Intellij IDEA強大無比的JS部分功能，但也被稱作“最非智能的Java IDE”。大部分編輯器有的智能代碼不全，html提示，聯(lián)想查詢，代碼檢查等功能，無疑的他也具備，但他還增加有代碼重構(gòu)，代碼結(jié)構(gòu)查看網(wǎng)頁，消掉外圍代碼，代碼格式化磁盤等等強大無比而且更加人性化的功能?？梢运闳魏蔚娜秉c應(yīng)該是要收費吧，如果沒有真有不需要長期性建議使用，那就花59美元去買一個正版的。

如何命令行窗口執(zhí)行JS腳本文件？

這里詳細介紹一種—phantomjs，phantomjs是一個基于webkit的javascriptAPI，可以就講解負責執(zhí)行javascript代碼。下面我簡單能介紹一下phantomjs的安裝和在用，實驗環(huán)境win7，主要內(nèi)容:：

1.下載直接安裝phantomjs，這個就到官網(wǎng)上網(wǎng)下載就行，地址，不勝感激：

2.解壓包能完成后的目錄如下，這里解壓包到不可以一個目錄就行：

3.是為更方便在后面命令行的使用，是需要將bin目錄直接添加到環(huán)境變量中，我的目錄是“d:phantomjsin”,所以我添加路徑:：

4.添加能完成后，我們就是可以接受測試了，這里寫了一個簡單js腳本，主要注意是資源頁面的標題，:：

再打開cmd窗口，快速切換到這個js腳本的目錄，再輸入命令“phantomjstest.js”，就能獲取到頁面的標題，執(zhí)行截個圖萬分感謝：

5.也也可以抓取頁面內(nèi)容的截圖，保存為一個圖片，這里以CSDN首頁為例，主要代碼如下：

在cmd窗口啟動這個js腳本：

程序運行截圖萬分感謝，早就完成直接抓取到CSDN頁面的截圖：

到了此時，我們就成功了在命令行窗口運行js腳本。就整個過程來看，不難，不過phantomjs還有許多其他功能，像事件響應(yīng)，文件操作等，我這里就不具體點詳細介紹了，很有興趣可以自己搜一下，網(wǎng)上也有去相關(guān)資料和教程，如果能以內(nèi)分享的內(nèi)容能對你有了幫助吧。

幾種方法

1用nodejs

2用headless瀏覽器chrome,PhantomJS等

3v8等js引擎

問題是你的腳本是根據(jù)什么宿主寫的，是MSjscript那就nodejs的js？

jscript的好象是cscript或wscript，nodejs的就是是node或npm了。