前端開(kāi)發(fā)用什么編輯器最好？伴隨著web前端啊,設(shè)計(jì)的職業(yè)需求急遽大，做前端開(kāi)發(fā)的隊(duì)伍也日益壯大自身?！肮び破涫拢叵壤淦鳌?，互聯(lián)網(wǎng)上數(shù)以千計(jì)的編輯工具那你多，哪一個(gè)最好就是用呢?都是什么特點(diǎn)呢?其

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

伴隨著web前端啊,設(shè)計(jì)的職業(yè)需求急遽大，做前端開(kāi)發(fā)的隊(duì)伍也日益壯大自身?！肮び破涫拢叵壤淦鳌?，互聯(lián)網(wǎng)上數(shù)以千計(jì)的編輯工具那你多，哪一個(gè)最好就是用呢?都是什么特點(diǎn)呢?其實(shí)只是相對(duì)而言個(gè)人的喜好，專用隨手才是最最重要的下面詳細(xì)介紹幾個(gè)供建議參考

Brackets

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

Hbuilder

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

Dreamweaver

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

Atom

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

Visual Studio Code

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

SublimeText

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

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

WebStrom

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

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

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

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

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

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

4.添加能完成后，我們就是可以接受測(cè)試了，這里寫了一個(gè)簡(jiǎn)單js腳本，主要注意是資源頁(yè)面的標(biāo)題，:：

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

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

在cmd窗口啟動(dòng)這個(gè)js腳本：

程序運(yùn)行截圖萬(wàn)分感謝，早就完成直接抓取到CSDN頁(yè)面的截圖：

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

幾種方法

1用nodejs

2用headless瀏覽器chrome,PhantomJS等

3v8等js引擎

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

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