前端近幾年來飛速發展，各種技術框架層出不窮，架構模式也從主流MVC慢慢轉向MVVM。使用AngularJS、React和Vue.js等框架進行前端開發已經成為趨勢。因此我也開始了vue.js的修煉之路（之所以選擇vue.js是因其入門門檻低）。

一、安裝

為了讓我們建立Vue專案更加容易，我們使用vue.js的腳手架工具Vue-cli。這裡採用npm進行安裝

1.首先安裝node.js，現行版本的node.js自帶npm。

下載連結：https://nodejs.org/zh-cn/

為了避免npm下載檔案過慢，推薦使用淘寶映象，開啟命令列輸入以下命令

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

2.安裝Vue-cli

cnpm install --global vue-cli

二、建立第一個專案

1.開啟命令列輸入以下命令，採用webpack進行專案構建，建立過程會要求你的專案起名之類，基本直接回車確認就可以

vue init webpack demo

2.建立完成後，專案預設在你C盤使用者資料夾下，輸入以下命令進入到專案根目錄下

cd C:\Users\gzc\demo

3.輸入以下命令，下載專案所需所有依賴。

npm install

npm install ：安裝所有的模組，如果是安裝具體的哪個個模組，在install 後面輸入模組的名字即可。而只輸入install就會按照專案的根目錄下的package.json檔案中依賴的模組安裝

4.輸入以下命令執行程式

npm run dev

開啟瀏覽器輸入http://localhost:8080/，如果能彈出頁面，說明專案已經建立完成