運行已有的VUE項目

注:圖片顯示不了,可以直接訪問原文鏈接

前提:入坑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
圖片描述
圖片描述

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

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章