一、簡介

WebStorm 是jetbrains公司旗下一款JavaScript 開發工具。被廣大中國JS開發者譽為"Web前端開發神器"、"最強大的HTML5編輯器"、"最智能的JavaScript IDE"等。

二、安裝

官網地址:http://www.jetbrains.com/webstorm/

去官網下載最新版本進行安裝.

下載之後進行安裝

啟動軟件

下面會要求你激活，如果不激活的只有免費使用30天

激活碼可參考: http://blog.csdn.net/xx1710/article/details/51725012

這個能用: http://idea.qinxi1992.cn/

三、使用

使用WebStorm創建一個項目

這裏支持有很多的類型項目:

Empty Project ----一個空的項目

Html5 Boilerplate ----HTML5開發框架

Web Starter Kit ----Web Starter Kit 是 Google的一個開源項目,它裏面提供了一些工具,比如 BrowserSync,實時的預覽項目的變化,在不同瀏覽器上同步頁面的行為。

React App ----基於React.js用來開發iOS和Android原生App。

Twitter Bootstrap ----Bootstrap是Twitter推出的一個用於前端開發的開源工具包。

Foundation ----Foundation 是一個易用、強大而且靈活的響應式前端框架，用於構建基於任何設備上的響應式網站、 Web應用和電子郵件。結構語義化、移動設備優先、完全可定制。

Angular JS ----AngularJS有著諸多特性，最為核心的是:MVVM、模塊化、自動化雙向數據綁定、語義化標簽、依賴註入，等等。

Angular CLI ----Angular CLI 幫助開發者快速創建Angular 2項目和組件

React Native ----ReactNative可以基於目前大熱的開源JavaScript庫React.js來開發iOS和Android原生App。

Node.js Express App ----Express 是一個簡潔而靈活的 node.js Web應用框架, 提供了一系列強大特性幫助你創建各種 Web 應用，和豐富的 HTTP 工具。使用 Express 可以快速地搭建一個完整功能的網站

PhoneGap/Cordova App ----PhoneGap/Cordova提供了一組設備相關的API，通過這組API，移動應用能夠以JavaScript訪問原生的設備功能，如攝像頭、麥克風等。

Yeoman ----Yeoman是Google的團隊和外部貢獻者團隊合作開發的，他的目標是通過Grunt（一個用於開發任務自動化的命令行工具）和Bower（一個HTML、CSS、Javascript和圖片等前端資源的包管理器）的包裝為開發者創建一個易用的工作流。

Meteor App ----Meteor是跨時代的全棧Web開發框架，Github stars數已超越Ruby on Rails。使用它能夠迅速地開發實時的（Real-Time）和響應式的（Reactive）應用，並且可以在一套代碼中支持Web，iOS，Android，

Desktop多端。Meteor能夠輕松的和其他框架和應用結合，如ReactJS，AngularJS，MySQL，Cordova等。

Dart ----Dart是一種基於類的可選類型化編程語言，設計用於創建Web應用程序。

創建成功後的樣子

四、配置

4.1設置背景色為黑色

點擊settings

選擇之後點擊確定,然後整個軟件的顏色就全變黑了。

4.2設置字體大小

字體設置在Settings-->Editor-->Colors&Fonts-->Font下面

點擊Save AS 先另保存一份再進行修改

名字隨便取、保存後修改字體為20

點擊OK就完成了修改。

webStorm使用和安裝