以下是個(gè)人理解抛杨，避免誤人子弟，如果有不對的地方小腊，歡迎指正。
搞清楚幾個(gè)概念
什么是node.js?
Node.js 是一個(gè)基于 Chrome V8 引擎的 JavaScript 運(yùn)行環(huán)境抡谐。
Node.js 使用了一個(gè)事件驅(qū)動、非阻塞式 I/O 的模型，使其輕量又高效。
安裝node.js
推薦官網(wǎng)下載安裝牙躺，下載地址：
http://nodejs.cn/download/
打開命令行工具：node --version 如果出現(xiàn)版本號，說明已安裝腕扶。
什么是npm
npm 是 JavaScript 世界的包管理工具,并且是 Node.js平臺的默認(rèn)包管理工具述呐。
安裝npm
我們安裝node.js，會默認(rèn)安裝npm;
國內(nèi)使用npm比較慢蕉毯，推薦使用淘寶開發(fā)的cnpm，安裝方式
npm install -g cnpm --registry=https://registry.npm.taobao.org
cnpm的官網(wǎng)：http://npm.taobao.org/
什么是vue.js
vue是一套用于構(gòu)建用戶界面的漸進(jìn)式框架思犁。與其它大型框架不同的是代虾，Vue 被設(shè)計(jì)為可以自底向上逐層應(yīng)用。
Vue的核心庫只關(guān)注視圖層激蹲，不僅易于上手棉磨，還便于與第三方庫或既有項(xiàng)目整合。另一方面学辱，當(dāng)與現(xiàn)代化的工具鏈以及各種支持類庫結(jié)合使用時(shí)乘瓤，Vue 也完全能夠?yàn)閺?fù)雜的單頁應(yīng)用提供驅(qū)動环形。
node.js 和 npm的關(guān)系
npm依賴node.js環(huán)境，我們使用npm的時(shí)候需要安裝node.js; 一般安裝node.js的時(shí)候npm會默認(rèn)安裝衙傀，我們頁可以通過NVM安裝抬吟；
下面是官方文檔的原文，解釋的更加通俗易懂统抬；
npm is written in Node.js, so you need to install Node.js in order to use npm. You can install npm via the Node.js website, or by installing a Node Version Manager or NVM. This chapter explains both options.
If you just want to get started exploring npm, using the Node.js installation method is fastest. If you are an advanced developer ready to jump in and work with versions, use the node version manager. If you aren't sure, please read this chapter before you decide. You can always change how you run npm in the future.
node.js 和 vue.js的區(qū)別和聯(lián)系
node.js不是開發(fā)框架火本，不是一門開發(fā)語言，它是一套javascript運(yùn)行環(huán)境聪建。
vue.js是目前比較流行的前端開發(fā)框架钙畔。
我們通過vue.js開發(fā)項(xiàng)目通常使用npm做包管理器，npm運(yùn)行依賴node.js金麸；
構(gòu)建一個(gè)vue項(xiàng)目的時(shí)候擎析，推薦使用npm，這時(shí)候我們需要安裝node.js挥下。
創(chuàng)建第一個(gè)vue應(yīng)用
npm 安裝 vue-cli
npm install --global vue-cli
通過vue -V 查看版本號
通過vue-cli腳手架構(gòu)建vue項(xiàng)目
- 執(zhí)行
vue init webpack
- 填寫信息逐步確認(rèn)
等待命令行執(zhí)行結(jié)束揍魂，你的第一個(gè)vue項(xiàng)目就構(gòu)建完成了
- 執(zhí)行
cnpm run dev查看效果
最后會看到Your application is running here: http://localhost:8080
瀏覽器中輸入http://localhost:8080 看到下面效果表示構(gòu)建成功了
