1 WebStorm安裝配置
1.1 瀏覽器插件安裝
Chrome插件
如果Chrome插件無法添加聪黎，直接重啟一遍chrome即可
1.2 Node.js配置
搭建Node.js開發(fā)IDE環(huán)境WebStrom5多圖
http://blog.csdn.net/youyudehexie/article/details/8542135
學(xué)習(xí)老外用webstorm開發(fā)nodejs的技巧--代碼提示DefinitelyTyped
http://my.oschina.net/klausgao/blog/380351
WebStorm中Node.js項目配置教程（1）——創(chuàng)建項目
https://www.evget.com/article/2014/1/20/20431.html
WebStorm中Node.js項目配置教程（2）——項目設(shè)置
https://www.evget.com/article/2014/1/21/20438.html
1.3 Bowers配置
1.3.1 Windows環(huán)境下安裝Bower
Windows環(huán)境下的NodeJS+NPM+Bower安裝配置
http://jingyan.baidu.com/article/2d5afd69e243cc85a2e28efa.html
1.3.2 在WebStorm中配置Bower
1.4 使用bower組件
（Good）UsingBower in WebStorm
http://blog.jetbrains.com/webstorm/2014/04/using-bower-in-webstorm/
1.4.1 生成bower.json
????????To start using Bower in your project, first make sure it is installed globally on your machine. Bower depends on Node.js and can be installed using npm.
????Run?npm
????????install -g bower in WebStorm built-in Terminal.
????????Alternatively, go to Preferences | Node.js and npm, and click Add. In the popup window, search for Bower, select Options, enter-g(to install the package globally),and then click Install.
????????After the package is installed, Bower will appear in the list of your installed node packages. Project dependencies are specified in the?bower.json?file in the project root.
????????If you would like to create a new?bower.json?file, you can run?bower init command in the built-interminal to generate it.
????????Alternatively, you can manually create a new file named?bower.json(which should at least has a project name defined as{ “name”: “my-project” }).
1.4.2 往bower.json中添加插件包
內(nèi)容格式如下：
{
??? "name":"HJNodeJSPro2",
???"description": "A starter project for AngularJS",
???"version": "0.0.0",
???"license": "MIT",
???"private": true,
???"dependencies": {
???????"angular": "1.4.x",
???????"angular-mocks": "1.4.x",
??????? "jquery":"~2.1.1",
???????"bootstrap": "~3.1.1",
???????"angular-route": "1.4.x",
???????"angular-resource": "1.4.x",
???????"angular-animate": "1.4.x"
??? }
}
1.4.3 下載插件包
????????If you are working with a project that already has a?bower.json?file in it, then you would probably like to install all the dependencies specified in it. In the terminal run the command:?bower install. The required packages will be downloaded to?bower_components?folder (by default).
1.5 Git配置
webstorm + Git配置與使用
http://www.unjeep.com/q/485866624.htm
1.6 AngularJS配置
AngularJS最理想開發(fā)工具WebStorm
http://blog.fens.me/angularjs-webstorm-ide/
1.7 為工程引用插件包
? ? ? ? 選擇左上角web storm->preference，然后選擇JavaScript->Libraries，勾選需要引入的插件包，然后點擊“Manage Scopes”，選中當前Projects，點擊“ok”即可糜芳。
2 工具使用
2.1 常用技巧
2.1.1 代碼字符編碼修改為gbk
????????默認使用utf-8編碼，若要修改魄衅，右擊峭竣，選擇“file encoding”
2.1.2 代碼格式化快捷鍵Option+Command+l
centOS下webstorm格式化代碼的快捷鍵Ctrl+Shift+l
windows下webstorm格式化代碼的快鍵鍵Ctrl+Alt+l
mac下webstorm格式化代碼的快捷鍵Option+Command+l
3 參考鏈接
關(guān)于webstorm（phpstorm）設(shè)置了編碼格式之后還是亂碼的問題
http://www.cnblogs.com/jieshendada/p/4864088.html
webstorm格式化代碼及常用快捷鍵
http://yijiebuyi.com/blog/8c94ccab84a48c5702158aac974f7841.html
