更新：本篇文章是我很之前寫的，對於一些沒有工作，或者js基礎不太好的同學，建議不必大費周章去搭建環境，可以直接引用 vue.js 就可以進行學習，練習，有些過程是水到渠成的，當初很多不懂的東西慢慢就懂了。

<script src="https://unpkg.com/vue/dist/vue.js"></script>

官方指南假設你已有HTML、CSS和JavaScript中級前端知識。如果你是全新的前端開發者，它可能不是最好的想法，將一個框架作為你的第一步-最好掌握基本知識再來！其他框架以前的經驗是有幫助的，但不是必需的。

做為一名學習路上的小白，起初就對 vue.js 有著莫名的好感，知道 vue.js 也能實現 angular.js 的雙向繫結等一些功能後，妥妥的先把 angular.js 和 node.js 丟到後面再去學, 看了看 vue 文件，首先要搭建一個開發環境，因為自己太小白，看了一些搭建開發環境的部落格，表示專業術語太多依然還是一臉懵逼。
具體流程大概如下：

1.安裝node.js
起初是很不理解的，我學 vue.js 還要掌握 node.js嗎？這是沒有關聯的，NPM是NodeJS下的一個包管理工具，它可以很方便的幫你管理（可以簡單理解為下載）各類前端的框架或外掛，類似於PHP的composer，Twitter 的 Bower 一樣。使用Vue不需要安裝NodeJS，這裡下載NodeJS只是為了使用其內建的NPM工具，所以不需要你有任何的NodeJS基礎，只需要執行 npm install vue 命令，即可把 Vue 的最新版本下載至 node_modules 資料夾。如果你只是想手動引入 Vue ，只需要在「

2.安裝淘寶映象
在這裡，有一個問題，使用 npm 會導致網速很慢，對於大陸使用者，建議將 npm 的登錄檔源設定為國內的映象，可以大幅提升安裝速度。
開啟命令列，輸入以下命令：

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

直接複製上去就好，下面會出現一串程式碼，表示在安裝，無需理會。

3. 全域性安裝 vue-cli 腳手架
繼續在命令列輸出以下命令：

cnpm install
 
 webpack -g

-g 表示全域性，輸出上面的指令之後，下面又會有一串程式碼，表示安裝無需理會，安裝完成之後可以檢測一下，輸出 vue ，會顯示這樣的情況，表示安裝成功。

4.安裝 webpack
繼續在命令列輸入以下命令：

vue init webpack my-first-vue-project

建立一個基於 webpack 模板的新專案，後面的 my-first-vue-project 指的是這個專案的名稱，你也可以換成其它的。

然後會下載安裝這套模板，命令列會出現幾個問題，你跟著下面的步驟回答就可以了。

?Project name
?Project description 
?Author 
?Use ESLint to lint your code?(y/n)
?Setup unit test with Karma + Mocha?(y/n)
?Setup e2e tests with Nightwatch?(y/n)

第一行問你專案名稱，輸入 my-first-vue-project
第二行問你專案描述，輸入 this is my vue
第三行問作者的名字，輸入 你自己的名字就好
第四、五、六行都直接在後面輸入 NO 。

這個專案就初始化完成了，你可以在電腦上檢視，在當前目錄下就會多一個資料夾叫做 my-first-vue-project，裡面會有些檔案。

5. 用CD命令列查詢進入到工程目錄

6.安裝依賴
在當前工程目錄下輸入命令列：

cnpm install

安裝完成之後，在電腦上回到 my-first-vue-project 這個資料夾，裡面會多一個 node_modules 資料夾。

7. 啟動專案
接下來繼續輸入以下命令列：

npm run dev

伺服器啟動成功之後，下面就會給出一串指令告訴你:

Listening at http://localhost:8080

然後到瀏覽器進入這個頁面可以看見這樣的頁面：

這樣就表示開發環境搭建結束啦。