vue-cli?npm??node.js? ?vue.js如何打開已有的項(xiàng)目沸移。自已折騰了一下痪伦,成功搭建好項(xiàng)目環(huán)境侄榴,最終調(diào)試成功。現(xiàn)在將過程分享給大家网沾。
首先癞蚕,這個(gè)教程主要針對(duì)vue小白,并且不知道安裝node.js環(huán)境的辉哥。言歸正傳桦山,下面開始教程:
首先下載安裝node.js
從node.js官網(wǎng)下載并安裝node,安裝過程很簡(jiǎn)單醋旦,一路“下一步”就可以了恒水。
根據(jù)自己電腦選擇32位/64位。安裝好node饲齐,可以先進(jìn)行下簡(jiǎn)單的測(cè)試安裝是否成功了钉凌,后面還要進(jìn)行環(huán)境配置
在鍵盤按下【win+R】鍵,輸入cmd捂人,然后回車御雕,打開cmd窗口
安裝cnpm
由于npm有些資源被屏蔽或者是國(guó)外資源的原因,經(jīng)常會(huì)導(dǎo)致用npm安裝依賴包的時(shí)候失敗滥搭,所有我還需要npm的國(guó)內(nèi)鏡像---cnpm
在命令行中輸入 npm install -g cnpm --registry=http://registry.npm.taobao.org
安裝webpack
npm install webpack -g
安裝vue-cli
cnpm install vue-cli -g
這個(gè)過程會(huì)耗時(shí)十幾秒酸纲,等走完就好
好了,到此整個(gè)環(huán)境就搭建好了
下面就是運(yùn)行項(xiàng)目了
cd desktop/項(xiàng)目名稱
進(jìn)入項(xiàng)目之后安裝依賴
npm install?
安裝成功后你會(huì)發(fā)現(xiàn)項(xiàng)目里多了個(gè)
然后
npm run dev
自動(dòng)啟動(dòng)瀏覽器就會(huì)打開項(xiàng)目了