初學HTML5使用什麼軟體好?js html5 和css3的編寫使用的程序都不一樣的嗎?
去百度搜索了一下這個問題看的我一頭霧水 望知乎大神通俗易懂的解答一下 感激不盡
很簡單
電腦性能OK直接上WebStorm,開箱即用,功能齊全,界面漂亮,唯一不足就是啟動比較慢。性能不好就用Sublime Text,啟動迅速,不足之處就是要自己配置插件,不過電腦宅表示沒事兒搞搞也挺有意思的哈
最後配上公司渣電腦上跑的Sublime Text可以用vs code
雖然性能上不如sublime,但這個編輯器本身就是用前端技術寫的
你要想寫什麼不會寫了還可以按f12看看編輯器怎麼做的
你可以用這個======
我目前是在用這個
希望專業一點,可以裝個Sublime,開始的學習曲線比較陡峭。Windows上可以裝notepad++。
如果是初學者,可以使用Dreamweaver(雖然被資深的前端開發人員所不齒),並儘可能地在軟體的代碼編輯(Code)模式而非設計(Design)模式下進行開發,且儘可能不要使用Dreamweaver的自帶布局,而是由自己親手編寫這些結構及樣式代碼。
以上軟體均可編寫js,html,css等文件。初學者學 HTML 和 CSS,其實有很多的選擇,從效率的角度,我建議直接上手 Webstorm 。雖然比 Sublime 龐大,然而它開箱即用。不像 Sublime,一開始在尋找插件上花時間,找了半天都還沒開始寫 HTML……
喜歡 Webstorm 的幾點:
1. 代碼自動提示,輸入效率極高;
2. 實時調試,修改的內容即刻預覽;3. 跳轉方便:Ctrl + 左鍵點擊 class 的名字,就能跳轉到 class 的定義。
大學生可以註冊賬號,免費使用 Webstorm。至大學畢業;其他用戶 30 天免費試用,之後就需要購買了。前端只用過sublime,所以就說說她(dei丫dei丫~,就是她!)。優點:1、界面美,默認背景和字體,滿滿的裝X即視感,沒有亂七八糟的按鈕和窗口;2、小而輕,裸的也就幾M吧,完全無卡頓;3、「一切皆插件」的理念,可以安裝現成的也可以自己寫插件,比如自動排版、自動添加時間、自動填充等等,碼字體驗極佳;4、首選項可移植備份,當你用別人的電腦碼代碼時,掏出U盤,30s安裝+導入你的插件+快捷鍵,那酸爽....5、TSVN插件,不用資源管理器一樣能上傳代碼;6、名字多好聽!我並沒有在黑vs和vc....
7、快捷鍵多;
缺點:1、不能直接預覽,需要搭個伺服器用瀏覽器,建議wampserver+chrome,ps:chrome插件也很酸爽;1. Brackets ,推薦指數:☆(四星)
Adobe 開源的前端開發工具。這個基本上是完全為前端準備的,支持插件。起初用過一段時間,體驗很不錯的。內置 Server ,可以直接預覽變化(熱更新)。2. WebStorm ,推薦指數:(五星)
之所以當初不用 Brackets 了,因為這貨實在是太好用了。一貫的 Jetbrains-Platform 強大的代碼提示、分析、檢查和建議。可以集成 SASS/LESS 。內置 Server 。當然有了前端的一些腳手架/構建工具,集成什麼的無所謂了。3. VisualStudio Code (vscode) ,推薦指數:*☆(三星半)
vscode 有強大的擴展體系,可以做很多語言的開發。擴展質量比較高。還能集成數十種語言的調試。作為前端開發也很優秀。當然專門作為前端的工具我覺得還是略遜 Brackets 弱於 WebStorm 的。我個人用 vscode 寫 rust 代碼。或者其他很多語言的小例子程序。4. Atom ,推按指數:*☆(三星半)
這個軟體從架構上比 vscode 更重視擴展和自由性,其本身就是由眾多擴展構成的。擴展的自由度很高,例如裝一個 minimap 跟 sublime text 一樣了。寫前端跟 vscode 半斤八兩,一樣可以做其他很多語言的開發。但是個人感覺擴展質量普遍沒有 vscode 的高。起初用過一段時間,但是受不了參差不齊的擴展質量和兼容性,就轉 vscode 了。
5. Sublime Text ,推按指數:☆☆(三星)
這個相比上面三個,要輕量級得多。因為不是用 web 技術構建的桌面應用,啟動速度也更快,更符合一個編輯器應該有的樣子。不過擴展數量無法跟上面幾個相比。前端開發上來說,已經跟不上 atom 和 vscode,所以我不是很想推薦它。但是作為一個 Text Editor 它絕對是首選之一。6. HBuilder ,推按指數:☆☆☆(二星)
這是個號稱專門為HTML5準備的IDE,我在幾年前用過,貌似是基於 eclipse 內核的。所有基於 eclipse 的軟體我都不想用。當初記得它連 代碼的 format 都有 BUG。格式化代碼在上面推薦的幾個中任意一個用擴展都能輕易做到非常完美的地步。7. Aptana Studio ,推薦指數:*☆☆(二星半)
這個跟上面的 HBuilder 類似是基於 eclipse 的,它是我接觸的第一款內置 Server 的前端開發工具。當時記得安裝它的時候要順帶安裝一個 NodeJs 有點讓我眼前一亮。不過也是好久沒用過了。現在看了下它的官網,它還可以做 Ruby 、Python等開發,當然用來寫前端也是其亮點。跟 HBuilder 半斤八兩吧。8. EditPlus,推薦指數:☆☆☆☆(一星)
最初學基礎的時候,老師用的就是這個編輯器。我們也跟著用這個,只記得很清楚的是用它寫網頁可以點左上角的圖標直接預覽不用打開瀏覽器,會調用的IE用來顯示頁面。它作為一個 Text Editor 也是非常棒的,但是做前端開發已經不是很推薦了。我個人首推的 webstorm 其次是 vscode,這兩個目前仍然在我的電腦上。webstorm 不必談,vscode 擴展配置好了,同樣非常的強大和好用。
初學的話用Dreamweaver就可以~先練練手,等準備精學再換也不遲~
前期sublime,後面webStorm和phpStorm等都可以,看你習慣哪一個。寫css這種一般後期你可能寫的少,後面我們用less和sass。
只用chrome和記事本的路過,不過為了測兼容性,也順便用下IE8,IE9,safari,firefox,opera
一步步的來,沒有什麼最好的編輯器,隨便下一個用,慢慢去了解,你會發現,大部分瀏覽器的快捷鍵,設置,方法,相差不大。去寫就好了,我的第一個是notepad++ 第二Hbuilder 英語不好直接中文就好了,不必要裝逼看不懂界面和功能
目前在用sublime,裝上emmet就可以愉快的寫html了,不過初學者最好還是關掉提示和代碼補全,等熟悉了之後就可以折騰各種插件了
Brackets還OK,Adobe出品
推薦閱讀:
※HBuilder 編輯器有什麼故事?
※有趣的CSS之漸變
※在把a, span等標籤做成Button按鈕樣式時,為什麼和普通button高度差一個像素?
※創建漂亮的 CSS 按鈕的 10 個代碼片段
※手機頁面a標籤無效?