1.在終端下載yarn或者npm
<1>查看版本
npm -v
<2>升級(jí)npm
cnpm install npm -g
<3>升級(jí)或安裝 cnpm
npm install cnpm -g
<4>最新穩(wěn)定版
cnpm install vue
<5>全局安裝 vue-cli
cnpm install --global vue-cli
<6>創(chuàng)建一個(gè)基于 webpack 模板的新項(xiàng)目
vue init webpack my-project
<7>這里需要進(jìn)行一些配置环壤,默認(rèn)回車(chē)即可
<8>最后一步在終端輸入 vue ui希坚,進(jìn)入Vue項(xiàng)目管理器
1.png
2.點(diǎn)擊創(chuàng)建進(jìn)入創(chuàng)建項(xiàng)目的頁(yè)面锦溪,在紅色線(xiàn)處選擇要?jiǎng)?chuàng)建在哪個(gè)路徑(D涔巍!!切記不要中文命名)
2.png
3.選擇完路徑后選擇下方的在此創(chuàng)建新項(xiàng)目
3.png
4.點(diǎn)擊之后進(jìn)入創(chuàng)建新項(xiàng)目頁(yè)面
<1>在項(xiàng)目文件夾處給自己的項(xiàng)目取名(盡量不要中文命名)例如(vue_pro1)
<2>包管理器選擇npm或者yarn(下載哪個(gè)選哪個(gè),不要糾結(jié)為什么選擇yarn不行----因?yàn)槟銢](méi)下載)
<3>更多選項(xiàng)不用動(dòng)
<4>Git這里一般自己創(chuàng)建項(xiàng)目就取消掉床三,如果是公司有Git就選上
<5>以上都選完進(jìn)行下一步
4.png
5.進(jìn)入預(yù)設(shè)的界面
<1>如果沒(méi)有之前就保存過(guò)的預(yù)設(shè)就選擇手動(dòng)
5.png
<2>選擇手動(dòng)之后就會(huì)進(jìn)入到功能界面(將1,4,5,6,10勾選上,其他取消)之后點(diǎn)擊下一步
6.png
注意Q钣住F膊尽聂渊!如果有之前創(chuàng)建過(guò)的預(yù)設(shè)就可以選擇之前的預(yù)設(shè),直接點(diǎn)擊創(chuàng)建項(xiàng)目即可
7.png
6.創(chuàng)建好項(xiàng)目之后就會(huì)進(jìn)入如下界面
8.png
7.點(diǎn)擊依賴(lài)四瘫,會(huì)出現(xiàn)如下界面
9.png
8.點(diǎn)擊安裝依賴(lài)汉嗽,就會(huì)出現(xiàn)如下(選擇開(kāi)發(fā)依賴(lài))
10.png
下載兩個(gè)依賴(lài)
11.png
9.下載完之后選擇任務(wù),進(jìn)入任務(wù)界面選擇server找蜜,之后點(diǎn)擊運(yùn)行饼暑,運(yùn)行完畢之后選擇啟動(dòng)app
12.png
10.項(xiàng)目創(chuàng)建完畢之后會(huì)跳轉(zhuǎn)至如下頁(yè)面
13.png
11.以上步驟都完成之后,去當(dāng)時(shí)創(chuàng)建項(xiàng)目的文件夾洗做,就會(huì)出現(xiàn)自己創(chuàng)建的項(xiàng)目
1.png