vue創(chuàng)建項(xiàng)目（npm安裝→初始化項(xiàng)目）

第一步npm安裝

首先：先從nodejs.org中下載nodejs

圖一

雙擊安裝，在安裝界面一直Next

圖二

安裝node.js

點(diǎn)擊finish 完成安裝

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鏡像

搜索地址：http://npm.taobao.org/

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

2.持久使用（推薦使用）

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

圖7

安裝成功以后，可以直接創(chuàng)建項(xiàng)目了，

我是創(chuàng)建在F盤(pán)，直接輸入vue init webpack "項(xiàng)目名稱" 回車(chē)

一路默認(rèn)，一路回車(chē)

圖8

現(xiàn)在已經(jīng)創(chuàng)建好了，那就讓項(xiàng)目先安裝下依賴再運(yùn)行一下，會(huì)出現(xiàn)下面的頁(yè)面，操作指令是

找到你的項(xiàng)目目錄 npm? run dev

圖9

在瀏覽器中 輸入? localhost:8080

圖10

好啦~ 成功啦~?