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

人生苦短，用 IDE 吧。

簡介

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.htmlhttps://github.com/damao/Intellij-IDEA-F2E

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

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

http://www.jetbrains.com/webstorm/quickstart/index.htmlhttp://www.jetbrains.com/webstorm/webhelp/

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

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

費用

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

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

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

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

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

JetBrains 個人版授權JetBrains 商業版授權後記

相對於文字編輯器來說，IDE 的學習曲線會陡很多。很多同學在試用之後紛紛表示不錯，但很快又紛紛用回自己原來熟悉的工具了，畢竟“習慣”就像萬有引力一樣很難擺脫，而嘗試新事物的道路總是充滿各種痛苦。

對此，我想說的是，在開始階段一定要堅持下去，只要一旦進入狀態，嚐到甜頭，你就停不下來了！好了，朋友們，我們這就約好，在成功的彼岸再相會

關注 ｛我｝，享受文章首發體驗！

原文連結：https://github.com/cssmagic/blog/issues/6