本文介紹了windows系統下安裝`nvm nodejs`版本管理包。並且配置了阿裡巴巴的`nodejs`的鏡像和`npm`鏡像。並且，結合webstorm創建出了`nodejs express`項目，成功安裝依賴並運行起來。 ...

title: win10下使用nodejs安裝

win10下使用nodejs安裝及webstorm創建express項目的指導

windows下nvm的`安裝`

熟悉linux下nodejs開發的朋友應該都知道nvm是一款node版本管理的工具，使用nvm我們可以安裝任意多的nodejs版本，以及決定自己的何時使用某個版本。

但是nvm官方在github上托管的nvm倉庫上明確的說明瞭nvm不支持windows系統，但是其給出了兩個不是由他們參與開發的第三方的解決方案。這兩個方案如下：

我自己使用的是nvm-windows，安裝的過程很簡單，首先是需要卸載自己已經安裝過的nodejs和刪除C:\Users<user>\AppData\Roaming\npm下npm安裝的全局依賴。

註意
雖然nodejs的windows安裝程式提供了nodejs卸載的功能，但是通過其卸載程式卸載了nodejs之後，其安裝文件夾下還會存在部分文件，因此在卸載之後，最好手動刪除其安裝目錄。

nvm的安裝比較簡單，因此，在這裡就不再放圖了，有問題的話，可以參考nvm-windows的官網。

使用NVM安裝nodejs

因為nvm只是一個nodejs的環境管理包，因此，我們在成功的安裝了nvm之後，我們要手動安裝我們需要的nodejs版本。
根據nvm-windows提供的常用的命令如下：

nvm arch [32|64]:該命令用來查看當前的nodejs是運行在32位/64位的windows系統之上。也可以指定相應的位數來覆蓋預設的設置。
```
# 查看當前的nodejs架構
$ nvm arch
System Default: 64-bit.
Currently Configured: 64-bit.
```

enter description here

nvm install

Downloading npm version 3.10.10... Complete
Installing npm v3.10.10...
Installation complete. If you want to use this version, type
nvm use 6.10.2
```

enter description here

註意
如果你第一次使用nvm install 版本號來安裝nodejs，需要使用下麵的nvm use來選擇你的nodejs環境，use後才能使用npm等操作。

nvm list [available]:查看當前系統中安裝了哪些版本的nodejs。
```javascript?linenums
$ nvm list
6.10.3 (Currently using 64-bit executable)
6.10.2
```

enter description here

nvm use

$ nvm use 6.10.3
Now using node v6.10.3 (64-bit)
```

enter description here

nvm uninstall

$ nvm uninstall 6.10.2
Uninstalling node v6.10.2...Error removing node v6.10.2
Manually remove C:\Users\Administrator\AppData\Roaming\nvm\v6.10.2.

enter description here

nvm root

enter description here

Administrator@neil-PC MINGW64 /c/Program Files
$ ls -n | grep nodejs
lrwxrwxrwx 1 197108 197121  50 5月  21 17:27 nodejs -> /c/Users/Administrator/AppData/Roaming/nvm/v6.10.3/

enter description here
我在自己電腦上使用的是預設的配置，可以看到我的nodejs實際的存放路徑是：

$ nvm root
Current Root: C:\Users\Administrator\AppData\Roaming\nvm

enter description here

nvm node_mirror

enter description here

nvm npm_mirror


![enter description here][14]

如果想切換回官方的`npm`鏡像地址，可以使用`nvm npm_mirror http://r.cnpmjs.org/`切換回來。

Administrator@neil-PC MINGW64 ~/WebstormProjects
$ nvm npm_mirror http://r.cnpmjs.org/


![enter description here][15]

## 使用`webstorm`來創建`express`應用

前面一章說過，`nvm`安裝`nodejs`的方式是在`nvm root`指定的地址中存放實際的`nodejs`應用程式，只是在`C:\Program Files`下創建了一個軟連接而已。而`webstorm`比較坑的就是，不會認出那是一個軟連接，因此，我們需要用命令`nvm root`或者`C:\Program Files\nodejs`的屬性來查看當前的`nodejs`的實際地址。
我當前的`nodejs`的實際地址是`~/AppData/Roaming/nvm/v6.10.3/`。

![enter description here][16]

下麵創建步驟直接上圖和對圖進行說明，相似讀者能夠看明白。

在進行創建項目時，我們需要安裝`express-generator`(我的電腦上已經安裝過了)

$ npm install express-generator -g
C:\Program Files\nodejs\express -> C:\Program Files\nodejs\node_modules\express-generator\bin\express-cli.js
C:\Program Files\nodejs
`-- [email protected]
```

enter description here

從上圖可以看出webstorm識別出了C:\Program Files\nodejs作為nodejs的路徑，但是它給出一個提示Unspecified express-generator package version，這顯然是不合理的。

而造成這種現象的原因就是C:\Program Files\nodejs是指一個軟連接，因此C:\Program Files\nodejs下的npm的package是不能被web-storm正確的識別出來的。因此，我們需要手動配置一下nodejs的實際路徑。

enter description here

選擇~/AppData/Roaming/nvm/v6.10.3/node.exe作為nodejs攔截器之後，webstorm已經正確的識別出來我們當前安裝的express-generator了。我們選擇自己喜歡的html模板和CSS預編譯方式之後，輸入正確的工程名，就可以創建express項目了。

enter description here