使用vue-cli + webpack搭建vue项目环境
生活随笔
收集整理的這篇文章主要介紹了
使用vue-cli + webpack搭建vue项目环境
小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
打開終端(點(diǎn)擊開始,在搜索框中輸入cmd)
第一步:? 找到需要安裝項(xiàng)目所在的盤? (我問項(xiàng)目都在d盤下的vuework下)
第二步:安裝淘寶鏡像(淘寶鏡像安裝包會(huì)比官網(wǎng)快, 而且有時(shí)候用npm安裝會(huì)報(bào)錯(cuò),用cnpm就可以)
npm install -g cnpm --registry=https://registry.npm.taobao.org第三步:全局安裝webpack
cnpm install webpack -g第四步:安裝全局的vue-cli腳手架
cnpm install vue-cli -g第五步:找一個(gè)文件夾用來存放項(xiàng)目,在終端進(jìn)入該目錄(我是在vuework下)
cd vuework第六步:創(chuàng)建項(xiàng)目(vue-yue),注意項(xiàng)目名稱中不能有大寫
vue init webpack-simple vue-yue第七步:進(jìn)入項(xiàng)目目錄
cd vue-yue第八步:安裝項(xiàng)目依賴
npm install第九步:運(yùn)行項(xiàng)目
npm run dev到這一步,項(xiàng)目就已經(jīng)運(yùn)行起來了,你會(huì)看到如下頁面
在之后的開發(fā)過程中,需要什么可以繼續(xù)在終端上安裝。
?
轉(zhuǎn)載于:https://www.cnblogs.com/ly-qingqiu/p/10930498.html
總結(jié)
以上是生活随笔為你收集整理的使用vue-cli + webpack搭建vue项目环境的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: Hystrix 资料简单梳理
- 下一篇: Springboot+vue房屋租赁租房