基礎(chǔ)性工具有HBuilder、Sublime Text、ps、Dreamweaver、WebStorm等。

web前端開發(fā)除了PS、DW之外，還有一些常用的前端開發(fā)工具，以下僅列出前端工程師常用的兩款：

1、WebStorm：WebStorm 是jetbrains公司旗下一款JavaScript 開發(fā)工具。目前已經(jīng)被廣大中國(guó)JS開發(fā)者譽(yù)為“Web前端開發(fā)神器”、“最強(qiáng)大的HTML5編輯器”、“最智能的JavaScript IDE”等。個(gè)人經(jīng)驗(yàn)：WebStorm優(yōu)點(diǎn)是代碼提示、高亮等等，支持很多框架。非常適合項(xiàng)目開發(fā)。缺點(diǎn)是啟動(dòng)稍慢。

2、Sublime Text3：Sublime Text 是一個(gè)代碼編輯器，也是HTML和散文先進(jìn)的文本編輯器。Sublime Text是由程序員Jon Skinner于2008年1月份所開發(fā)出來(lái)，它最初被設(shè)計(jì)為一個(gè)具有豐富擴(kuò)展功能的Vim。個(gè)人經(jīng)驗(yàn)：Sublime Text3通過(guò)安裝不同的插件可以完美支持各種語(yǔ)言。相對(duì)于webstrom，它的啟動(dòng)速度非?？?，常用于修改單個(gè)文件的錯(cuò)誤或者調(diào)試。

首先吐槽下樓主提問(wèn)不帶標(biāo)點(diǎn)符號(hào)，以至于我讀了三遍才知道是什么意思。

看了上面的回答，看來(lái)大家的看法基本一致，首選mac pro 2019款。

需要看個(gè)人的經(jīng)濟(jì)實(shí)力和看法，家里有礦的，定制都沒(méi)問(wèn)題，不在討論范圍之內(nèi)，1萬(wàn)大幾買臺(tái)電腦不傷身的建議首選，差點(diǎn)兒意思的，也建議首選，畢竟筆記本作為一名it從業(yè)人員的重要性不用多說(shuō)。

普及下價(jià)格（我不是托），開發(fā)標(biāo)配，運(yùn)存16G，內(nèi)存512，15寸官網(wǎng)價(jià)格21988(今天剛?cè)ゲ榈?，某東某寶價(jià)格都在1.6~2之間，我的就是某寶買的，4個(gè)月了，沒(méi)啥問(wèn)題，看個(gè)人。

再談?wù)勀靡蝗f(wàn)好幾大洋換個(gè)電腦的原因：

1、有面兒，雖然說(shuō)這個(gè)時(shí)代物質(zhì)爆發(fā)，通貨膨脹，不再像早年間那種啥東西占個(gè)“洋”字就頂禮膜拜，但是還是通過(guò)別人的看法獲得一些優(yōu)越感的，心態(tài)好轉(zhuǎn)化成自信的幾率很大；

2、裝X，一般的前端開發(fā)不用出差，但一旦有對(duì)外的情況出現(xiàn)，拿出一個(gè)被啃了一口的筆記本還是可以為對(duì)方提供信心的；

3、省力，這個(gè)時(shí)代的前端開發(fā)，多數(shù)都依托于node環(huán)境，ng、vue等，想我當(dāng)初用windows安裝環(huán)境，到腳手架搭建再到各種包的下載，控制臺(tái)各種彪紅的歲月確實(shí)不堪回首。從系統(tǒng)角度來(lái)說(shuō)，確實(shí)能為前端開發(fā)者免于很多額外的困擾。ps：我前兩天在公司開發(fā)機(jī)上用npm裝包的時(shí)候，居然把我另一個(gè)包給刪除了。。也沒(méi)搞懂是啥問(wèn)題，嚇得我趕緊換成了yarn；

4、"一勞永逸":現(xiàn)在這個(gè)年代不知道怎么了，以前東西價(jià)格越高，越結(jié)實(shí)，現(xiàn)在居然有幾千大洋的衣服，吊牌明確標(biāo)注：不能水洗，不能干洗。。。我勒個(gè)去，就是不能洗？一次性的衣服？咳咳咳，扯遠(yuǎn)了，mac pro屏幕啊鍵盤啊外觀啊，啥都挺脆弱的，要精心照料。買了個(gè)"祖宗"回去。好吧，吐槽完了，但還是不得不說(shuō)，mac用3-5年不成問(wèn)題，前提是正常使用。。。

5、便捷，以前去哪需要帶本的時(shí)候經(jīng)常要帶鍵盤和鼠標(biāo)，無(wú)線的還好，有線的加上電源線，各種死亡纏繞，很煩。用了mac或者貴些的windows都是可以達(dá)到這種效果的，很方便，而且mac的本都相對(duì)輕一些。

總體來(lái)說(shuō)，無(wú)論mac和windows都是各有長(zhǎng)短的，就像vue和ng，沒(méi)有最好的，只有最適合的。找到適合你的，才是最好的。