在vue剛剛開始流行的時候，大多數人學習大概都見到過這樣的一個項目吧，可以作為學習此框架的一個模板了

?

github源碼地址：https://github.com/RegToss/Vue-SPA
課程教程：http://coding.imooc.com/class/74.html

首先搭建好vue的運行環境

1：安裝node

端開發框架和環境都是需要 Node.js ，先安裝node.js開發環境，vue的運行是要依賴于node的npm的管理工具來實現，下載https://nodejs.org/en/，安裝完成之后，打開cmd開始輸入命令。（我用的是win10系統，所以需要管理員權限，右鍵點擊以管理員身份運行cmd），不然會出現很多報錯。

?

2：查看node的版本號

下載好node之后，以管理員身份打開cmd管理工具，，輸入 node -v ，回車，查看node版本號，出現版本號則說明安裝成功。

輸入命令： node -v

?

3：安裝淘寶npm鏡像

由于npm是國外的，使用起來比較慢，我們這里使用淘寶的cnpm鏡像來安裝vue.
淘寶的cnpm命令管理工具可以代替默認的npm管理工具。

輸入命令：npm install -g cnpm --registry=https://registry.npm.taobao.org

?

4：安裝全局vue-cli腳手架

淘寶鏡像安裝成功之后，我們就可以全局vue-cli腳手架，輸入命令：cnpm install --global vue-cli 回車；驗證是否安裝成功，在命令輸入vue，出來vue的信息，及說明安裝成功；

輸入命令：cnpm install --global vue-cli

?

---

準備就緒，開始步驟

1：從github上下載此項目，放在E盤里面備用

?

?

2：進入代碼根目錄安裝依賴：

npm install --save-dev

?

3：運行項目

$ npm run dev

?

在瀏覽器打開：http://localhost:8080

?

4：發布代碼：

    $ npm run build

發布完代碼后會生成dist目錄，保存著項目的所有可運行的代碼。

?

---

原文作者：祈澈姑娘
技術博客：https://www.jianshu.com/u/05f416aefbe1
90后前端妹子，愛編程，愛運營，愛折騰。
堅持總結工作中遇到的技術問題，堅持記錄工作中所所思所見，歡迎大家一起探討交流。

轉載于:https://www.cnblogs.com/ting6/p/9725296.html

總結

以上是生活随笔為你收集整理的本地运行github上的vue2.0仿饿了么webapp项目的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。