一開始很多剛入手vue.js的人，會扒GitHub上的開源項目，但是發現不知如何運行GitHub上的開源項目，很尷尬。通過查閱網上教程，成功搭建好項目環境，同時對前段工程化有了朦朦朧朧的認知，因此將環境搭建過程分享給大家。
首先，列出來我們需要的東西：
node.js環境（npm包管理器）
vue-cli 腳手架構建工具
cnpm npm的淘寶鏡像
從node.js官網下載並安裝node，安裝過程很簡單，一路“下一步”就可以了（傻瓜式安裝）。
安裝完成之后，打開命令行工具，輸入 node -v，如下圖，如果出現相應的版本號，則說明安裝成功。
npm包管理器，是集成在node中的，所以，直接輸入 npm -v就會如下圖所示，顯示出npm的版本信息。
但是經過我的實踐，發現后面不管是使用npm還是使用cnpm，速度都特別慢，所以我在這里推薦使用yarn，安裝命令為
npm install -g yarn
安裝結束后使用 yarn -v 查看是否安裝成功，成功后的截圖長這樣：
前期准備工作完成，現在進入正題，首先使用cmd進入下載好的項目文件夾以備后用，在項目文件夾中找到README.md，進去就可以看到你怎么啟動這個項目了。
比如我手里的這個項目，它的README.md顯示內容如下：
所以我使用cmd（不要使用powershell，我不知道為啥，我用powershell使用不了這些指令），根據README.md的提示來運行項目，首先先使用如下命令來安裝依賴包（只要下載的項目沒問題，這步就不會出現問題，時間可能會根據你下載的項目大小不同而不同，以我下載的項目為例，我花了20分中來安裝依賴包）
yarn install
安裝時的樣子長這樣：
安裝完后會發現項目文件夾下多出來一個文件夾：
然后接着根據README.md的提示來運行項目，使用第二個命令：
yarn serve
過程如下：
此時命令行會跳轉，跳轉后長這樣：
然后把local后面的網址（http://localhost:3000/）復制到瀏覽器的網址欄中，回車后就可以進入項目了。
如果你的項目中的README.md文檔顯示的是如下內容：
我們只需把前面的 yarn install 換成 npm install ，把 yarn serve 換成 npm run dev 就可以了。