vue開發環境安裝

如下是我的理解，避免誤人子弟，若是有不對的地方，歡迎指正。

搞清楚幾個概念

什麼是node.js?

Node.js 是一個基於 Chrome V8 引擎的 JavaScript 運行環境。 Node.js 使用了一個事件驅動、非阻塞式 I/O 的模型，使其輕量又高效。

安裝node.js

推薦官網下載安裝，下載地址： http://nodejs.cn/download/

打開命令行工具：node --version 若是出現版本號，說明已安裝。

什麼是npm

npm 是 JavaScript 世界的包管理工具,而且是 Node.js平臺的默認包管理工具。

安裝npm

咱們安裝node.js，會默認安裝npm;

國內使用npm比較慢，推薦使用淘寶開發的cnpm，安裝方式

npm install -g cnpm --registry=https://registry.npm.taobao.org
複製代碼

cnpm的官網：http://npm.taobao.org/

什麼是vue.js

vue是一套用於構建用戶界面的漸進式框架。與其它大型框架不一樣的是，Vue 被設計爲能夠自底向上逐層應用。

Vue的核心庫只關注視圖層，不只易於上手，還便於與第三方庫或既有項目整合。另外一方面，當與現代化的工具鏈以及各類支持類庫結合使用時，Vue 也徹底可以爲複雜的單頁應用提供驅動。

node.js 和 npm的關係

npm依賴node.js環境，咱們使用npm的時候須要安裝node.js; 通常安裝node.js的時候npm會默認安裝，咱們頁能夠經過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的區別和聯繫

node.js不是開發框架，不是一門開發語言，它是一套javascript運行環境。 vue.js是目前比較流行的前端開發框架。

咱們經過vue.js開發項目一般使用npm作包管理器，npm運行依賴node.js； 構建一個vue項目的時候，推薦使用npm，這時候咱們須要安裝node.js。

建立第一個vue應用

npm 安裝 vue-cli

npm install --global vue-cli

經過vue -V 查看版本號

經過vue-cli腳手架構建vue項目

• 執行vue init webpack

• 填寫信息逐步確認

等待命令行執行結束，你的第一個vue項目就構建完成了

• 執行cnpm run dev 查看效果

最後會看到Your application is running here: http://localhost:8080 瀏覽器中輸入http://localhost:8080 看到下面效果表示構建成功了