WebStorm，你一直在尋找的前端開發 IDE 頭條網

2020-12-10 17:45:57 佚名

WebStorm，你一直在尋找的前端開發 IDE

人生苦短，用 IDE 吧。

我不是屌絲，也不是高富帥，我是一個正常的普通人。
我成家了，我有自己的小日子，我想過更好的生活，我的時間很寶貴。
我是一個前端工程師，大多數時候我靠寫代碼掙錢，最終，我決定用 IDE 來幹活。
我覺得你——我的戰友——時間同樣很寶貴，所以我推薦你用 WebStorm。

簡介

WebStorm 是一款前端開發 IDE（集成開發環境），可以簡單理解為，它是一個智能的、強大的代碼編輯器。

語法著色、代碼補全、代碼分析、代碼導航、格式化、快捷鍵、就地參考文檔、實時糾錯提示、代碼重構、腳本調試、版本控制、單元測試、工程管理、收藏夾、Zen Coding、文件模板、代碼片斷、語言混編……你聽說過的、你想到過的、你渴望的、你想像不出來的……所有的跟幹活有關的功能，WebStorm 都可以做到，而且做得漂亮、簡單快捷。

前端技術日新月異，WebStorm 緊跟前沿技術，貼進開發者的實際需求。全面原生支持 ECMAScript Harmony、CoffeeScript、NodeJS、Jade、Sass/LESS、HTML5+CSS3，全面原生支持主流的庫和框架，全面兼容主流的開發/部署工具，還有大量第三方插件，只有想不到沒有做不到。普通的文本編輯器和 Dreamweaver 神馬的，簡直弱爆了。

所以，我很嚴肅地說，前端工程師們必須要試試。

WebStorm 的自定義功能超強，習慣問題其實並不是大問題，你總是可以通過精細的配置來還原現有的工作習慣（當然這需要花點時間）；或者乾脆忘記過去，擁抱全新的工作環境。

你放心，轉換工具的痛苦絕對不會超過你老婆生孩子的痛苦。別抱著少年時的女神 Dreamweaver 不放了，提高效率省下時間來陪你被窩裡的女人才是王道。千萬別學別人裝逼號稱只用記事本，前端工程師別拿自己不當程序員，你的鳥槍早就該換炮了！

上手

先到 WebStorm 官方下載頁去下載一個最新版，裝上，30 天合法免費試用。

國內已經有一些中文教程了，可以先看看 WebStorm 可以做什麼。

http://www.book.36ria.com/webstorm/index.html
https://github.com/damao/Intellij-IDEA-F2E

如果你覺得有興趣，可以邊看邊試，保證越看越爽。看了你就知道，為什麼阿里系內部在“偷偷推廣”，為什麼越來越多的同行把它叫做“神器”。

接下來，如果你想真正精通這件神器，從本質上提高生產力，可以到它的官網去深入研究相關的文檔和資料：

http://www.jetbrains.com/webstorm/quickstart/index.html

http://www.jetbrains.com/webstorm/webhelp/

純英文，但是圖文並茂，一點都不難讀。哥每天回家看一個小時，一個月後就是大師。

如果某一天你發現，WebStrom 改變了你的生活，不用客氣，請我吃頓飯就行。

費用

WebStorm 是 JetBrains 公司旗下的商業軟件產品，該公司還提供了 PhpStorm 和 Intellij IDEA 這樣支持語言範圍更廣的選擇（其中後者是旗艦產品）。這些產品內核相同，操作大同小異，對於前端開發（包括 Node.js）來說，WebStorm 的功能完全足夠了，而且它所需的系統資源也相對較低。

WebStorm 是收費軟件，不過這不是大問題，我們有一些免費使用的方案：

官方下載的版本都是可以 30 天免費試用的。到期之後還可以繼續安裝更新的 EAP 預覽版，繼續合法免費試用。只要自己勤快一點兒，備份好個人設置，基本上可以一直免費用下去。所以，我完全不建議你去找什麼破解版或盜版序列號。
如果你是教師或學生，僅將其用於學習和作業，可以嘗試申請免費的教育版授權。
如果你足夠牛逼，有拿得出手的開源項目，還可以申請免費的開源項目開發者授權。哥 2013 年就以此為目標。

其實如果覺得好用，也不妨考慮購買一份正版授權。WebStorm 的個人版和企業版授權都是終生免費使用，一年內免費升級（包括大版本），十分厚道。價格也是相當親民，個人版 $49，作為吃飯的工具真不算什麼；商業版 $99，對靠譜的公司來說，這點投資毛都不是！

你已經準備掏口袋了？別急，其實你還可以享受個折扣價。開源中國社區和 JetBrains 正在合作，面向中國用戶推出正版開發工具的優惠活動，不可錯過：