vue創(chuàng)建項(xiàng)目（npm安裝→初始化項(xiàng)目）第一步npm安裝首先：先從nodejs.org中下載nodejs  圖1
雙擊安裝，在安裝界面一直Next  圖2
 圖3
 圖4
直到Finish完成安裝,。 打開控制命令行程序（CMD）,檢查是否正常  圖5
使用淘寶NPM 鏡像大家都知道國內(nèi)直接使用npm 的官方鏡像是非常慢的,，這里推薦使用淘寶 NPM 鏡像。 $ npm install -g cnpm --registry=https://registry.npm. 這樣就可以使用cnpm 命令來安裝模塊了： npm cache clean --force 清空緩存 cnpm install --save-dev node-sass 第二步項(xiàng)目初始化1.第一步：安裝vue-cli cnpm install vue-cli -g //全局安裝 vue-cli  圖6
查看vue-cli是否成功,，不能檢查vue-cli,需要檢查vue  圖7
選定路徑,，新建vue項(xiàng)目，這里我是在桌面上新建了sun文件夾,，cd目錄路徑 下面我一項(xiàng)目名為sell新建vue項(xiàng)目 vue init webpack ”項(xiàng)目名稱“  圖8
現(xiàn)在已經(jīng)創(chuàng)建好了,，那就讓項(xiàng)目先安裝下依賴再運(yùn)行一下，會出現(xiàn)下面的頁面,，操作指令是： cnpm install cnpm run dev 注意 這里要在sell下進(jìn)行安裝和運(yùn)行哦!!!  圖9
啦啦啦 安裝成功,。  圖10
利用vue-cil初始化構(gòu)建vue項(xiàng)目，我們會獲得一個(gè)初始化的文件夾結(jié)構(gòu),，如下：  圖11 |
|
|
