windows下前端開發環境配置

nvm安裝

多媒體布局

前端自動化構建工具，gulp

nvm管理node的版本，npm是node的包管理工具

• 下載nvm安裝包

https://github.com/coreybutler/nvm-windows/releases

• 配置環境變量
  • 我的電腦->屬性->高級系統設置->環境變量->系統環境變量->Path下新建一個，把nvm所處的路徑填入進去即可！
• 打開cdm，輸入nvm
• 如果沒有提示沒有找不到這個命令。說明已經安裝成功！

nvm常用命令

1. nvm install node：安裝最新版的node.js。nvm i == nvm install。
2. nvm install [version]：安裝指定版本的node.js 。
3. nvm use [version]：使用某個版本的node。
4. nvm list：列出當前安裝了哪些版本的node。
5. nvm uninstall [version]：卸載指定版本的node。
6. nvm node_mirror [url]：設置nvm的鏡像。
7. nvm npm_mirror [url]：設置npm的鏡像。

node安裝

• nvm install 8.9.0版本
• 設置nvm的源，會讓安裝速度變快

nvm node_mirror https://npm.taobao.org/mirrors/node/
nvm npm_mirror https://npm.taobao.org/mirrors/npm/

• nvm use 8.9.0，設置node的版本

npm：

npm(Node Package Manager)在安裝node的時候就會自動的安裝了。當時前提條件是你需要設置當前的node的版本：nvm use 6.4.0。然后就可以使用npm了.
關於npm常用命令以及用法，請看下文。

安裝包：

安裝包分為全局安裝和本地安裝。全局安裝是安裝在當前node環境中，在可以在cmd中當作命令使用。而本地安裝是安裝在當前項目中，只有當前這個項目能使用，並且可以通過require引用。安裝的方式只有-g參數的區別：

npm install express          # 本地安裝
npm install express -g   # 全局安裝

本地安裝

1. 將安裝包放在./node_modules下（運行 npm 命令時所在的目錄），如果沒有node_modules目錄，會在當前執行npm命令的目錄下生成node_modules目錄。
2. 可以通過require()來引入本地安裝的包。

全局安裝

1. 將安裝包放在/usr/local下或者你node的安裝目錄。
2. 可以直接在命令行里使用。

卸載包：

npm uninstall [package]

更新包：

npm update [package]

搜索包：

npm search [package]

使用淘寶鏡像：

npm install -g cnpm --registry=https://registry.npm.taobao.org 那么以后就可以使用cnpm來安裝包了！

• 使用淘寶鏡像，就可以使用cnpm來安裝包

npm install -g cnpm --registry=https://registry.npm.taobao.org