使用webpack搭建vue環(huán)境的方法

發(fā)布時間：2021-02-07 11:46:34 來源：億速云閱讀：162 作者：小新欄目：web開發(fā)

這篇文章主要介紹了使用webpack搭建vue環(huán)境的方法，具有一定借鑒價值，感興趣的朋友可以參考下，希望大家閱讀完這篇文章之后大有收獲，下面讓小編帶著大家一起了解一下。

1、安裝node.js,在官網(wǎng)下載，直接下一步，完成。nodejs里默認(rèn)包含npm環(huán)境。國內(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)建一個簡單項目：vue init webpack-simple demo5;此時會讓你填寫項目名稱，描述，作者，版權(quán)許可(license),是否使用sass。此時一個vue項目就構(gòu)建好了。

使用webpack搭建vue環(huán)境的方法

使用webpack構(gòu)建一個復(fù)雜項目：vue init webpackdemo6,此時的項目就會構(gòu)建的復(fù)雜一些。

使用webpack搭建vue環(huán)境的方法

此時：cd demo6

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

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

在config文件夾下的index.js中

使用webpack搭建vue環(huán)境的方法

，修改下列代碼：

使用webpack搭建vue環(huán)境的方法

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

使用webpack搭建vue環(huán)境的方法

感謝你能夠認(rèn)真閱讀完這篇文章，希望小編分享的“使用webpack搭建vue環(huán)境的方法”這篇文章對大家有幫助，同時也希望大家多多支持億速云，關(guān)注億速云行業(yè)資訊頻道，更多相關(guān)知識等著你來學(xué)習(xí)!

向AI問一下細(xì)節(jié)

猜你喜歡