在上一篇《vue+vue-router+axios+element-ui構建vue實戰項目之一（基礎知識篇）》中，我簡要的說明了一下前端開發目前的趨勢，以及為什么選擇vue框架等等情況。
接下來本篇文章，我們來了解下vue項目開始前，開發環境的搭建（windows環境）。
話不多說，開始咯。
安裝 nodejs 環境
以前看到的nodejs 的安裝方案，大多都是使用終端各種命令，太費事。明明有更簡便的方式干嘛不用呢？今天就介紹傻瓜式的安裝方案。
nodejs 官方網站下載安裝包： https://nodejs.org/，然后進行安裝。
在安裝好了 nodejs 之后，我們在終端中輸入以下兩個命令：
如果能夠正確顯示版本號，證明我們的nodejs安裝成功。
安裝 vue-cli 腳手架工具
在終端輸入：
npm install vue-cli -g
簡單的介紹下：
npm是nodejs的官方包管理器。可以簡單的理解為，用這個來管理所有的依賴包（雖然不僅僅是如此）。install命令表示執行安裝操作（uninstall、update等）。-g是命令參數，代表，這個包將安裝為系統全局的包（就是說，在任何地方都可以用這個包）。vue-cli是我們要安裝的包。
安裝完成后，終端輸入：
注意：vue -V中，V是大寫的。
也可以輸入vue，查看相關信息，比如
基本的環境搭建完成了，接下來，我們正式創建一個vue項目
用 vue-cli 構建一個項目
首先，跳轉到准備放項目的文件夾，然后shift+鼠標右鍵，選擇‘在此處打開命令窗口’，在終端輸入：
vue init webpack my-vue-project
vue就是我們剛剛安裝的vue-cli腳手架的命令，init是初始化一個以webpack為模版、名字叫my-vue-project的項目（當然，init不止支持webpack模版，還有其他，請移步github查看更多vuejs-templates相關信息）。
當你輸入命令后，按回車鍵，終端會提示你信息，如果不想設置，我們只需一直按回車即可。
不過，我還是要介紹一下里面提示的信息。
1 ? Project name (my-vue-project) --項目名稱，如果不想改，直接回車
2 ? Project description(A Vue.js project) --項目描述，如果不想改，直接回車
3 ? Author (24439...) --項目作者，如果不想改，直接回車
4 ? Vue build (Use arrow keys) --是否需要安裝編譯器，我們選擇安裝，直接回車
5 ? Install vue-router (Y/n) --是否需要安裝vue-router路由管理，我們選擇安裝，直接回車
6 ? Use ESLint to lint your code? (Y/n) --安裝eslint檢查語法，我選擇不安裝，按n，再按回車（如果安裝，按回車）
7 ? Setup unit tests? (Y/n) --安裝單元測試，我選擇不安裝，按n，再按回車
8 ? Setup e2e tests with Nightwatch? (Y/n) --還是關於測試，我選擇不安裝，按n，再按回車
所有操作完成后，得到如下圖示結果，項目基礎配置成功，接下來就是安裝中
安裝需要聯網，如果npm被牆，請使用cnpm安裝
安裝方法：
npm install cnpm -g --registry=https://registry.npm.taobao.org
更多信息，請移步cnpm官網。
項目安裝完成，如圖：
按照提示，我們終端輸入：
cd my-vue-project
npm run dev
如圖項目啟動成功，我們在瀏覽器輸入 http://localhost:8080 ，訪問成功：
好了，我們nodejs和vue-cli工具已經順利安裝，並且成功搭建了一個vue項目。
下一篇，我將介紹這個init vue項目的基本信息。
如果文章中存在錯誤的地方，麻煩請大家在評論中指正，以免誤人子弟，謝謝！