如何運行vue項目(從gethub上download的開源項目)


前提:入坑vue.js,從GitHub上download一個vue.js的開源項目,發現不知如何在瀏覽器運行,通過查閱網上教程,發現網上的很多是教你怎么新建項目,並沒有一個是教如何打開已有的項目。自已折騰了一下,成功搭建好項目環境,最終調試成功。現在將過程分享給大家。

首先,這個教程主要針對vue小白,並且不知道安裝node.js環境的。言歸正傳,下面開始教程:

首先下載安裝node.js
從node.js官網下載並安裝node,安裝過程很簡單,一路“下一步”就可以了。

 

根據自己電腦選擇32位/64位。安裝好node,可以先進行下簡單的測試安裝是否成功了,后面還要進行環境配置
在鍵盤按下【win+R】鍵,輸入cmd,然后回車,打開cmd窗口

 

安裝cnpm
由於npm有些資源被屏蔽或者是國外資源的原因,經常會導致用npm安裝依賴包的時候失敗,所有我還需要npm的國內鏡像---cnpm
在命令行中輸入 npm install -g cnpm --registry=http://registry.npm.taobao.org

安裝webpack
npm install webpack -g

安裝vue-cli
cnpm install vue-cli -g
這個過程會耗時十幾秒,等走完就好

好了,到此整個環境就搭建好了

下面就是運行項目了

cd desktop/項目名稱

 

進入項目之后安裝依賴
npm install 
安裝成功后你會發現項目里多了個

 

然后
npm run dev

 

自動啟動瀏覽器就會打開項目了

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM