1、安裝node.js,在官網(wǎng)下載，直接下一步，完成。nodejs里默認(rèn)包含npm環(huán)境。國(guó)內(nèi)安裝包的速度太慢，建議使用cnpm淘寶鏡像。

npm install -g cnpm --registry=https://registry.npm.taobao.org

2、vue-cli構(gòu)建SPA應(yīng)用

安裝vue：npm install vue -g

安裝vue-cli：npm install -g vue-cli

使用webpack構(gòu)建一個(gè)簡(jiǎn)單項(xiàng)目：vue init webpack-simple demo5;此時(shí)會(huì)讓你填寫項(xiàng)目名稱，描述，作者，版權(quán)許可(license),是否使用sass。此時(shí)一個(gè)vue項(xiàng)目就構(gòu)建好了。

使用webpack構(gòu)建一個(gè)復(fù)雜項(xiàng)目：vue init webpackdemo6,此時(shí)的項(xiàng)目就會(huì)構(gòu)建的復(fù)雜一些。

此時(shí)：cd demo6

npm run dev即可運(yùn)行開(kāi)發(fā)環(huán)境

使用webpack跨域代理
使用代理可以使本地環(huán)境可以跨域請(qǐng)求其他服務(wù)器數(shù)據(jù)。

在config文件夾下的index.js中

，修改下列代碼：

此時(shí)，本地開(kāi)發(fā)環(huán)境就可以跨域請(qǐng)求其他服務(wù)器的數(shù)據(jù)。

總結(jié)

以上所述是小編給大家介紹的使用webpack搭建vue環(huán)境的教程，希望對(duì)大家有所幫助！