vue2餓了嗎之路第一篇：開發環境準備

項目地址：https://github.com/wanghao12345/elm

前言

本項目採用官方提供的vue-cli腳手架進行搭建，所以在正式進行項目的搭建前，須要自行安裝node、cnpm、git等環境，在這裏再也不詳細介紹這些環境的安裝。若是有不會的，能夠去網上查找相關的文章以及教程進行安裝，固然也能夠給我留言，我會盡快給你解答的。

github建立項目

• 首先在github中建立elm倉庫
• 創建create-environment分支而且切換到create-environment分支
• 使用git將elm下載到本地

vue-cli腳手架構建項目

1. 首先使用命令行工具運行：cnpm install --global vue-cli（安裝全局vue-cli）
2. 命令行工具放到elm項目文件夾的同級，而後運行：vue init webpack elm （使用vue-cli建立一個基於webpack模板的新項目），點擊回車運行命令後會產生以下一些詢問，照着下圖設置便可

         

安裝完成後會有以下的提示：

         

 此時說明咱們的vue項目環境已經搭建完畢，運行命令：cd elm，進入項目，而後再運行：npm run dev或者cnpm run dev就能夠將項目跑起來了，根據提示在瀏覽器輸入：localhost:8080就能夠看到以下顯示效果

         

項目搭建結束

項目搭建到這裏就結束了，剩下的就須要進行代碼的提交以及代碼的合併了，這塊就不作詳細的介紹了，最後的項目結構以下：