回覆列表
-
1 # shawn25
-
2 # Ray25295211
編譯器?茫然而不知所措。
編輯器那就JetBrains家族無疑了。本人由於要偶爾要處理PHP相關程式碼,選擇phpstorm,純前端,毫無疑問推薦webstorm。
理由就是,無需過度強調配置(不是指電腦硬體配置),上手即用。無需儲存,這點習慣後就回不去過去有事沒事ctrl+s了。格式化方案近乎完美(有些編輯器不能正確處理前端模板引擎程式碼塊,格式化後無法直視)。批次替換可以預覽,等等細節讓這款編輯器使用之後就不會再更換。
缺點就是2017之後的新版圖示和Photoshop圖示太過相似,反而Photoshop的圖示未做過多處理,像個碼農工具,phpstorm的圖示像個設計工具,從工作列切換一天總能點錯幾次。用webstorm就不會有這個問題了。/滑稽一下
-
3 # 切圖網
編輯器有很多,挑一款適合你的。
本人 dreamweaver 使用時間(2005~2015),hbuilder使用時間(2015~至今),我是比較後知後覺的,hbuilder個人認為是一個不錯的中國產編輯器,不過知道前兩年才開始用, 提速大概在40%樣子。
其他還有sublime,phpstorm,atom也都還不錯,不過我沒怎麼用過。
另外還有一個外掛 superslide.js 也不錯,也是一早就知道但是遲遲沒用,現在公司推薦用這個做一些常用的互動,學習成本比較低。
-
4 # 北化大肥花
前端有編譯器?前端的編譯頂多就是用babel將es6/7編譯成es5,將ts編譯成js吧?
前端一般只要一個編輯器就夠了。我就簡單說說我用過的幾個編輯器的優缺點。
DW這種古董級別的東西就不要拿出來談了,已經要淘汰的了。
SublimeText3首推。
優點:
免費試用,當然,免費版有彈窗。輕量級。基本上我所有用過的電腦都會安裝,就算是最差勁的速龍XII 開啟也只需要2s。大量的外掛。st3的外掛可以說是海量的,基本上能想到的都有。大量的主題。預設的主題比較醜,跟任何系統都不搭。但是使用了flat主題的st3,可以和使用了flat主題的Ubuntu完全融合在一起。不像windows下面,頂部還有一條又白又醜的選單欄。minimap。用過都說nice、缺點:外掛安裝方式難度較大。沒有圖文說明,只有名字和簡介,一切需要自己去摸索。配置主題,外掛等,基本上都要透過去修改設定json檔案,而且欄位名,鍵值要完全匹配才可以生效,對於新手來說,不友好。預設主題太醜了,必須安裝主題,而且有時候主題要更新的時候,就會出現各種未知的bug。首推的原因:下面幾個編輯器的sftp外掛,都是針對當前開啟的整個專案而言的,二sublimetext3下的sftp外掛,是可以單獨配置到某個資料夾,這樣我就可以同時開啟多個專案,並且每個專案都可以配置上傳資訊。如果atom或者vscode也有同樣的外掛,請告知,謝謝。Atom免費開源,強大。優點:免費開源。龐大的外掛系統。GUI配置編輯器和外掛功能。UI美觀。缺點:太臃腫了,一個編輯器400MB,開啟太慢了。我的是6700HQ+16G記憶體,nvem的固態,開啟需要5s。而且在windows下,這貨是自動安裝到C盤的。外掛太難安裝了,被牆了,沒辦法。windows下面各種失敗。最佳化不太好,有時會卡頓。使用原因:好看。VS Code免費,輕量級。優點:輕量級。外掛很好找,很好安裝。UI不錯。自帶很多功能性很強的外掛。缺點:快捷鍵和st3不太一樣,用慣了st3很難適應過來。沒了。總的來說,這個編輯器真的很不過,但是不知道為什麼就是用起來很彆扭。Brackets免費,輕量級體驗一般般,沒怎麼用過,好像自帶一個靜態檔案的伺服器,外掛也是各種裝不上。然後就刪掉了。WebStorm功能強大,堪稱神器。但是以前沒換MBP的時候,電腦配置不行,帶不動,開啟要差不多半分鐘,而且要錢,於是乎沒怎麼深用就卸掉了。但是各個前端工程師都說是神器。我也沒怎麼用過,不評價。HBuilder前端神器,還能打包APP。沒錯,下載下來就是用來玩打包成APP的。之前在windows下用過,用來寫JS真的soso的。那個程式碼提醒功能,簡直是弱智都能寫。而且還可以一鍵選擇用Chrome還是FF還是IE開啟,多瀏覽器除錯挺方便的。但是僅限於JS,其他語言支援度幾乎為0。而且,該編輯器好像是基於eclipse開發的,所以你懂的,eclipse的卡頓和慢各種缺點全部繼承過來了。還有對Mac的retina屏支援不好,發虛。
首先前端不需要編譯,根本沒有什麼編譯器。我估計你想說的是編輯器。
用於前端的編輯器首推webstorm,非常好用。程式碼高亮,自動補全,自動縮排這些基本功能就不說了。其最強大的糾錯功能非常好用。首先,你檔案中引入的css,他都會自動讀取。然後你在寫class的時候會給你列出建議。其次,游標移動到任何一個標籤上的時候,都會自動高亮於之匹配的標籤。如果有無法匹配的標籤就會用紅色表示。自動檢查css語法,如果出現語法錯誤會表示出來。聯動生成標籤,自動生成列表之類的,功能非常豐富。
其次是 atom或者sublime text 這樣的通用編輯器,功能也非常豐富,但是很多都需要自己折騰外掛。
最好的前端除錯工具是chrome ,或者firefox的firebug。
DW是最多隻能算網頁製作工具。和前端沒多大關係。