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

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

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

首先下載安裝node.js
從node.js官網下載並安裝node,安裝過程很簡單,一路「下一步」就能夠了。
圖片描述webpack

根據本身電腦選擇32位/64位。安裝好node,能夠先進行下簡單的測試安裝是否成功了,後面還要進行環境配置
在鍵盤按下【win+R】鍵,輸入cmd,而後回車,打開cmd窗口
圖片描述web

安裝cnpm
因爲npm有些資源被屏蔽或者是國外資源的緣由,常常會致使用npm安裝依賴包的時候失敗,全部我還須要npm的國內鏡像---cnpm
在命令行中輸入 npm install -g cnpm --registry=http://registry.npm.taobao.org vue-cli

安裝webpack
npm install webpack -gnpm

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

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

下面就是運行項目了spa

cd desktop/項目名稱
圖片描述命令行

進入項目以後安裝依賴
npm install
安裝成功後你會發現項目裏多了個
圖片描述

而後
npm run dev
圖片描述
圖片描述

自動啓動瀏覽器就會打開項目了
圖片描述

相關文章
相關標籤/搜索