折騰了好幾個(gè)小時(shí)猾瘸，終于成功在webstorm中安裝了git的環(huán)境勉盅，只不過windows下操作命令行還是有很大的局限的，但是暫且先用著牺氨，過段時(shí)間再安裝linux的環(huán)境吧狡耻。在這里把整個(gè)流程記錄下來墩剖，方便自己和他人查閱，會省很多功夫夷狰。

本文前提：
windows環(huán)境：測試系統(tǒng)windows7
webstorm環(huán)境：webstorm 2017.1

詳細(xì)步驟：

一岭皂、git的安裝和配置

1. 第一步：安裝git
注意：因?yàn)閣indows下默認(rèn)是沒有g(shù)it的（mac下是有的），因此需要自己安裝沼头。
下載鏈接：git官網(wǎng)
一路next就可以了爷绘，默認(rèn)下載路徑是C:/Program Files，演示下載路徑是D:/Program Files进倍，根據(jù)自己情況來土至。
2.第二步：在webstorm中配置git
打開webstorm->File->Settings->searth 輸入git

1)先配置github賬號，如圖

1.png

2）配置git路徑猾昆，如圖

2.png

3）測試git

命令行鍵入：git --version 查看git版本號

3.png

鼓掌！垂蜗！完成這些后你就在你的webstorm中成功配置git啦楷扬，你可以試試git的一些指令，可以clone下一個(gè)項(xiàng)目試一試可否上傳到你的github贴见。親測是可以的烘苹，網(wǎng)上看到一些還要配置其他東西才能和你的github連接，但我試了一下片部，這些步驟完成后就可以push你的項(xiàng)目到github了镣衡，暫時(shí)沒發(fā)現(xiàn)什么問題，如果有問題的話再補(bǔ)充吞琐。下面來說安裝node.js捆探。

二、node.js的安裝和配置及npm的初始化

第一步：安裝node.js
下載鏈接：node.js
同樣站粟，一路next黍图，新手默認(rèn)的選項(xiàng)卡就可滿足，建議將node.js和git放在同一目錄下奴烙，默認(rèn)路徑還是C:/Program Files助被，演示下載路徑是D:/Program Files

安裝完成后可以cmd+r 彈出命令提示符，測試自己的node.js切诀，這里就不測試了揩环，直接下面在webstorm中測試。

第二步：在webstorm中配置node.js
其實(shí)大體步驟和git是一樣的幅虑，這里依然是打開webstorm->File->Settings->searth 輸入node.js丰滑，到達(dá)Node.js and NPM這里。在右邊Node interpreter中選擇你自己的下載路徑倒庵，如下圖：

4.png

我這里是已經(jīng)配置好的褒墨，新配置的話路徑下面會有一個(gè)Coding Assistance看到么有炫刷，選擇“enable”（感謝評論中認(rèn)真的小伙伴補(bǔ)充的）即可和上圖一樣，然后再apply->OK就行啦郁妈。到這里你的node.js（包括npm）就徹底裝好了浑玛，node.js里默認(rèn)是自帶npm的，所以不用單獨(dú)下載噩咪。

第三步：測試node.js
在你的terminal中輸入node顾彰，正式進(jìn)入Node.js的世界吧，第一條指令當(dāng)然是“hello world!”

5.png

好啦胃碾，到這里node,js就能用啦涨享！鼓掌！下面來看npm~

Tip:按兩下 ctrl+c 可以退出node.js輸入界面

第四步：初始化npm

安裝并配置好node.js后仆百，npm暫時(shí)還不能用灰伟，在第一次使用的時(shí)候還需要進(jìn)行初始化的步驟，如下：

在terminal中輸入 npm install
等它ok以后再查看下它的版本號儒旬，用npm -v命令（能查看的到就說明安裝成功，否則的話再對照以上步驟查看哪里出錯(cuò)了）帖族，如下圖：

6.png

好了栈源，現(xiàn)在npm也能用了！試一下竖般！

7.png

Tip:這里想要用npm test測試所有文件的話甚垦，還需要安裝單個(gè)文件測試的命令jasmine，下面會說涣雕。

三艰亮、其他問題合集

1. npm中jasmine的安裝

1）查看你的jasmine版本
你安裝好npm后，你安裝的項(xiàng)目目錄下會出現(xiàn)node_modules這個(gè)目錄挣郭，打開它迄埃，找到與jasmine相關(guān)的目錄，如下圖：

8.png

• jasmine全局安裝 npm install jasmine -g (jasmine -v 可查看是否安裝成功)
• jasmine-node 全局安裝 npm install jasmine-node -g (jasmine-node --version 可查看是否安裝成功)

Tip:根據(jù)情況選擇安裝兑障，安裝好后可以測試單獨(dú)文件了侄非，也可以用命令npm. test測試全部文件了，注意：安裝了jasmine的測試命令是jasmine流译，安裝jasmine-node的測試命令式j(luò)asmine-node

9.png

測試通過逞怨，耶~

2.windows下如何使用tab鍵自動補(bǔ)全

windows真的比較坑，什么都得自己配置~~以下來源于知乎上的一個(gè)問題（鏈接）

10.png

如上操作就可以用tab鍵自動補(bǔ)全啦~~

3.webstorm中配色

新版本的webstorm中的默認(rèn)白色布局一點(diǎn)不酷炫福澡，想要有那種專屬于程序員的酷炫背景叠赦，怎么辦呢？

總的來說革砸，也是可以settings改變的除秀，但是可選的太少了糯累，下面的兩個(gè)網(wǎng)址是專門做配色界面的，親測都可用鳞仙，只是買家秀和賣家秀稍微有點(diǎn)不同罷了~~
下載鏈接一：color themes
下載鏈接二：phpstorm-themes
把下載好的文件（color themes的文件需要解壓寇蚊，只留下xml文件即可），放入下圖路徑：

11.png

接下來棍好，在你的webstorm中打開settings仗岸，進(jìn)入colors&fonts這里修改，在右側(cè)Scheme下拉選項(xiàng)中可以選擇你的界面樣式借笙，自己下載的樣式默認(rèn)在最后面扒怖，如下圖：

12.png

配置好之后，重啟一下webstorm就一切都好啦~~~

完美~~~

有問題歡迎補(bǔ)充交流业稼，新手全憑自己從頭到尾做了一遍記錄下來自己的問題~~如有不足盗痒，請多指教。