npm是node.js自帶的功能
Node.js 安裝配置
本章節我們將向大家介紹在 Windows 和 Linux 上安裝 Node.js 的方法。
本安裝教程以 Node.js v4.4.3 LTS(長期支持版本)版本為例。
Node.js 安裝包及源碼下載地址為：https://nodejs.org/en/download/。
你可以根據不同平台系統選擇你需要的 Node.js 安裝包。
Node.js 歷史版本下載地址：https://nodejs.org/dist/
注意：Linux 上安裝 Node.js 需要安裝 Python 2.6 或 2.7 ，不建議安裝 Python 3.0 以上版本。
Windows 上安裝 Node.js
你可以采用以下兩種方式來安裝。
1、Windows 安裝包(.msi)
32 位安裝包下載地址 : https://nodejs.org/dist/v4.4.3/node-v4.4.3-x86.msi
64 位安裝包下載地址 : https://nodejs.org/dist/v4.4.3/node-v4.4.3-x64.msi
本文實例以 v0.10.26 版本為例，其他版本類似， 安裝步驟：
步驟 1 : 雙擊下載后的安裝包 v0.10.26，如下所示：
步驟 2 : 點擊以上的Run(運行)，將出現如下界面：
步驟 3 : 勾選接受協議選項，點擊 next（下一步） 按鈕 :
步驟 4 : Node.js默認安裝目錄為 "C:\Program Files\nodejs\" , 你可以修改目錄，並點擊 next（下一步）：
步驟 5 : 點擊樹形圖標來選擇你需要的安裝模式 , 然后點擊下一步 next（下一步）
步驟 6 :點擊 Install（安裝） 開始安裝Node.js。你也可以點擊 Back（返回）來修改先前的配置。 然后並點擊 next（下一步）：
安裝過程：
點擊 Finish（完成）按鈕退出安裝向導。
檢測PATH環境變量是否配置了Node.js，點擊開始=》運行=》輸入"cmd" => 輸入命令"path"，輸出如下結果：
PATH=C:\oraclexe\app\oracle\product\10.2.0\server\bin;C:\Windows\system32; C:\Windows;C:\Windows\System32\Wbem;C:\Windows\System32\WindowsPowerShell\v1.0\; c:\python32\python;C:\MinGW\bin;C:\Program Files\GTK2-Runtime\lib; C:\Program Files\MySQL\MySQL Server 5.5\bin;C:\Program Files\nodejs\; C:\Users\rg\AppData\Roaming\npm
我們可以看到環境變量中已經包含了C:\Program Files\nodejs\
檢查Node.js版本
2、Windows 二進制文件 (.exe)安裝
32 位安裝包下載地址 : http://nodejs.org/dist/v0.10.26/node.exe
64 位安裝包下載地址 : http://nodejs.org/dist/v0.10.26/x64/node.exe
安裝步驟
步驟 1 : 雙擊下載的安裝包 Node.exe ，將出現如下界面 :
點擊 Run（運行）按鈕將出現命令行窗口：
版本測試
進入 node.exe 所在的目錄，如下所示：
如果你獲得以上輸出結果，說明你已經成功安裝了Node.js。
NPM 使用介紹
NPM是隨同NodeJS一起安裝的包管理工具，能解決NodeJS代碼部署上的很多問題，常見的使用場景有以下幾種：
- 允許用戶從NPM服務器下載別人編寫的第三方包到本地使用。
- 允許用戶從NPM服務器下載並安裝別人編寫的命令行程序到本地使用。
- 允許用戶將自己編寫的包或命令行程序上傳到NPM服務器供別人使用。
由於新版的nodejs已經集成了npm，所以之前npm也一並安裝好了。同樣可以通過輸入 "npm -v" 來測試是否成功安裝。命令如下，出現版本提示表示安裝成功:
$ npm -v 2.3.0
使用淘寶 NPM 鏡像
大家都知道國內直接使用 npm 的官方鏡像是非常慢的，這里推薦使用淘寶 NPM 鏡像。
淘寶 NPM 鏡像是一個完整 npmjs.org 鏡像，你可以用此代替官方版本(只讀)，同步頻率目前為 10分鍾 一次以保證盡量與官方服務同步。
你可以使用淘寶定制的 cnpm (gzip 壓縮支持) 命令行工具代替默認的 npm:
$ npm install -g cnpm --registry=https://registry.npm.taobao.org
這樣就可以使用 cnpm 命令來安裝模塊了：
$ cnpm install [name]
使用NPM 方法來安裝VUE項目
由於 npm 安裝速度慢，本教程使用了淘寶的鏡像及其命令 cnpm，安裝使用介紹參照：使用淘寶 NPM 鏡像。
npm 版本需要大於 3.0，如果低於此版本需要升級它：
# 查看版本 $ npm -v 2.3.0 #升級 npm cnpm install npm -g # 升級或安裝 cnpm npm install cnpm -g
在用 Vue.js 構建大型應用時推薦使用 NPM 安裝：
# 最新穩定版 $ cnpm install vue
命令行工具
Vue.js 提供一個官方命令行工具，可用於快速搭建大型單頁應用。
# 全局安裝 vue-cli $ cnpm install --global vue-cli # 創建一個基於 webpack 模板的新項目 $ vue init webpack my-project # 這里需要進行一些配置，默認回車即可 This will install Vue 2.x version of the template. For Vue 1.x use: vue init webpack#1.0 my-project ? Project name my-project ? Project description A Vue.js project ? Author runoob <test@runoob.com> ? Vue build standalone ? Use ESLint to lint your code? Yes ? Pick an ESLint preset Standard ? Setup unit tests with Karma + Mocha? Yes ? Setup e2e tests with Nightwatch? Yes vue-cli · Generated "my-project". To get started: cd my-project npm install npm run dev Documentation can be found at https://vuejs-templates.github.io/webpack
進入項目，安裝並運行：
$ cd my-project $ cnpm install $ cnpm run dev DONE Compiled successfully in 4388ms > Listening at http://localhost:8080
成功執行以上命令后訪問 http://localhost:8080/，輸出結果如下所示：
注意：Vue.js 不支持 IE8 及其以下 IE 版本。
以下轉自https://www.cnblogs.com/happybread/p/8117442.html
簡介：
Vue.js是前端一個比較火的MVVM框架， 是一套構建用戶界面的漸進式框架。
Vue 只關注視圖層， 采用自底向上增量開發的設計。
Vue 的目標是通過盡可能簡單的 API 實現響應的數據綁定和組合的視圖組件
安裝方式：
第一種：使用npm，比較適合比較大型的應用，由於npm是國外的，使用起來比較慢；
第二種：使用淘寶的cnpm鏡像來安裝vue；
步驟：
首先我們需要下載npm,安裝好了node.js，就安裝了npm。然后，再利用npm安裝淘寶鏡像的cnpm。
1、打開cmd，輸入命令
npm install -g cnpm --registry=https://registry.npm.taobao.org
安裝Vue需要npm的版本大於3，所以我們先升級一下npm，輸入命令
cnpm install cnpm -g
安裝vue，輸入命令
cnpm install vue
安裝vue-cli，輸入命令
cnpm install --global vue-cli
這時，環境已經搭建好了。
2、指定存放項目的路徑，運行命令
vue init webpack "項目名稱"
進入項目所在的目錄，運行命令
cd "項目所在文件夾“
然后依次執行下面的命令
cnpm install
cnpm run dev
中間省略部分截圖。。。。
成功后我們進入瀏覽器，輸入localhost:8080會展示下面的頁面。
項目目錄：
（1） build // 項目構建(webpack)相關代碼
build.js // 生產環境構建代碼
check-versions.js // 檢查node&npm等版本
dev-client.js // 熱加載相關
dev-server.js // 構建本地服務器
utils.js // 構建配置公用工具
vue-loader.conf.js // vue加載器
webpack.base.conf.js // webpack基礎環境配置
webpack.dev.conf.js // webpack開發環境配置
webpack.prod.conf.js // webpack生產環境配置
（2）config// 項目開發環境配置相關代碼
dev.env.js // 開發環境變量
index.js //項目一些配置變量
prod.env.js // 生產環境變量
（3）node_modules// 項目依賴的模塊
（4）src// 源碼目錄
assets// 資源目錄 logo.png
components// vue公共組件 Hello.vue
router// 前端路由 index.js// 路由配置文件
App.vue// 頁面入口文件（根組件）
main.js// 程序入口文件（入口js文件）
（5）static// 靜態文件，比如一些圖片，json數據等
.gitkeep
（6）剩余
.babelrc// ES6語法編譯配置
.editorconfig// 定義代碼格式
.gitignore// git上傳需要忽略的文件格式
index.html// 入口頁面
package.json// 項目基本信息
README.md// 項目說明