安裝vue，並新建一個項目

 Vue.js (讀音 /vjuː/，相似於 view) 是一套構建用戶界面的漸進式框架。與其餘重量級框架不一樣的是，Vue 採用自底向上增量開發的設計。Vue 的核心庫只關注視圖層，它不只易於上手，還便於與第三方庫或既有項目整合。另外一方面，當與單文件組件和 Vue 生態系統支持的庫結合使用時，Vue 也徹底可以爲複雜的單頁應用程序提供驅動。

1.須要的環境:

vue的安裝依賴於node.js,要確保你的計算機上已安裝過node.js。

  安裝node.js的一篇博客，前兩步（http://www.cnblogs.com/tanyongli/p/7504603.html）

2..安裝vue：

# 全局安裝 vue-cli(若是直接安裝過能夠忽略)

$ cnpm install --global vue-cli

//-g表示全局安裝，vue-cli是模塊，全局安裝的模塊能夠在命令行直接使用

  vue -V查看vue是否安裝好，出現版本號即安裝成功。

3.建立項目框架

若是想放到指定的目錄下，先進入這個目錄再執行建立項目的命令，我放在F:\XAMPP\htdocs下。

 

(1)在命令行裏輸入  vue init webpack  vue-test

注意這裏的「my-project」 是項目的名稱能夠說是隨便的起名，可是須要主要的是「不能用中文」。（注意這裏的名字不能有大寫字母，若是有會報錯Sorry, name can no longer contain capital letters）

按下回車後會出現一系列選擇，根據須要選擇 yes or no

 

 

 

 

(2)在命令行裏輸入  cd vue-test   (完成後能夠打開vue-test查看)

                               npm install

 用install是安裝全部的模塊

 安裝成功

 

安裝模塊以前vue-test裏面的文件

 

 

安裝模塊以後vue-test裏面的文件，多了node_modules文件

(3)在命令行裏輸入  npm run dev

 

服務啓動成功後瀏覽器會默認打開一個「歡迎頁面」，以下圖：