注:圖片顯示不了,可以直接訪問原文鏈接
前提:入坑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
自動啓動瀏覽器就會打開項目了