首先,
在node.js下載并安裝node? ?
下載網(wǎng)址:(https://nodejs.org/en/download/)
安裝node的時(shí)候一直點(diǎn)下一步就好祷杈!
一定要選擇自己合適的系統(tǒng)致份!
安裝好了node之后,
打開我們的小黑窗(1.win+r? 2.輸入cmd? 3.回車)
輸入指令? node -v
出現(xiàn)版本信息就安裝ok了!
npm包管理器曙求,是集成在node中的,所以映企,直接輸入npm -v顯示出npm的版本信息悟狱。
由于有些npm有些資源被屏蔽或者是國外資源的原因,經(jīng)常會(huì)導(dǎo)致用npm安裝依賴包的時(shí)候失敗堰氓,所有我還需要npm的國內(nèi)鏡像(淘寶鏡像)---cnpm挤渐。
在命令行中輸入(npm install -g cnpm --registry=http://registry.npm.taobao.org)
查看是否安裝上? 在小黑窗內(nèi) 出入(cnpm -v)即可出現(xiàn)版本信息。
一般只要了解到vue-cli双絮,都已經(jīng)安裝過node了浴麻,所以就忽略第一步吧!
前面裝好之后我們來安裝vue-cli吧囤攀!
現(xiàn)在桌面上新建一個(gè)文件夾软免!
打卡新建的文件夾,在如圖所示的紅圈圈內(nèi) 輸入cmd 回車
出現(xiàn)小黑窗之后輸入? cnpm install vue-cli -g (-g是全局安裝) 如下圖所示抚岗!
安裝完成之后來檢查一下版本信息或杠!
輸入? vue -V? (-V要大寫)
接下來繼續(xù)
輸入? vue init webpack aaaa? ? (注:aaaa為項(xiàng)目名稱,自定義)
然后運(yùn)行一下我們vue-cli? 如下圖所示
輸入:
?cd aaaa(注:項(xiàng)目名稱)
(npm run dev? ? ? ? cnpm run dev? ? ? ?npm start? ? ? ?cnpm start)四選一 就好
出現(xiàn)宣蔚,如下圖所示向抢,即為ok!
復(fù)制紅框內(nèi)的地址胚委,粘貼到搜索框內(nèi)? 回車
出現(xiàn)挟鸠,如下圖所示,運(yùn)行成功亩冬!
安裝好之后趕快來試試吧艘希!