vue創(chuàng)建項(xiàng)目(npm安裝→初始化項(xiàng)目)
第一步npm安裝
首先:先從nodejs.org中下載nodejs
雙擊安裝薇搁,在安裝界面一直Next
win+R 打開(kāi)控制命令行程序(CMD),檢查是否正常;?
使用淘寶NPM?鏡像
npm install 默認(rèn)使用?http://www.npmjs.org?地址安裝依賴,如果網(wǎng)絡(luò)沒(méi)有進(jìn)行翻墻設(shè)置有時(shí)候現(xiàn)在第三方依賴包會(huì)出現(xiàn)卡死板壮,或者安裝失敗的情況嗜闻。使用國(guó)內(nèi)鏡像站點(diǎn)解決目前國(guó)內(nèi)優(yōu)秀npm鏡像有兩種障癌;
第一種:淘寶npm鏡像
registry地址:http://registry.npm.taobao.org/
第二種:cnpmjs鏡像
搜索地址:http://cnpmjs.org/
registry地址:http://r.cnpmjs.org/
1.臨時(shí)使用
npm --registry https://registry.npm.taobao.org install express
npm config set registry https://registry.npm.taobao.org
// 配置后可通過(guò)下面命令來(lái)驗(yàn)證是否成功
npm config ls
// 此時(shí):metrics-registry = "http://registry.npm.taobao.org/"表示設(shè)置成功
npm configget registry
// 或
npm info express
3.通過(guò)cnpm使用 (也可以使用cnpm)
npm install -g cnpm --registry=https://registry.npm.taobao.org
// 使用
cnpm? install expresstall express
這里推薦使用淘寶 NPM 鏡像(上述第三種通過(guò)cnpm)蚌卤。
npm install -g cnpm --registry=https://registry.npm.taobao.org
這樣就可以使用cnpm 命令來(lái)安裝模塊了:
第二步項(xiàng)目初始化
1.第一步:安裝vue-cli
cnpm install vue-cli -g? ? ? //全局安裝 vue-cli
安裝成功以后,可以直接創(chuàng)建項(xiàng)目了卵惦,
我是創(chuàng)建在F盤,直接輸入vue init webpack "項(xiàng)目名稱" 回車
一路默認(rèn)瓦戚,一路回車
現(xiàn)在已經(jīng)創(chuàng)建好了沮尿,那就讓項(xiàng)目先安裝下依賴再運(yùn)行一下,會(huì)出現(xiàn)下面的頁(yè)面较解,操作指令是
找到你的項(xiàng)目目錄 npm? run dev
在瀏覽器中 輸入? localhost:8080
好啦~ 成功啦~?