使用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)建一個(gè)簡單項(xiàng)目：vue init webpack-simple demo5;此時(shí)會讓你填寫項(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)目就會構(gòu)建的復(fù)雜一些。
此時(shí)：cd demo6
npm run dev即可運(yùn)行開發(fā)環(huán)境
使用webpack跨域代理
使用代理可以使本地環(huán)境可以跨域請求其他服務(wù)器數(shù)據(jù)。
在config文件夾下的index.js中
，修改下列代碼：
此時(shí)，本地開發(fā)環(huán)境就可以跨域請求其他服務(wù)器的數(shù)據(jù)。
總結(jié)
以上所述是小編給大家介紹的使用webpack搭建vue環(huán)境的教程，希望對大家有所幫助！
相關(guān)文章
vue中v-for循環(huán)給標(biāo)簽屬性賦值的方法
這篇文章主要介紹了vue中v-for循環(huán)給標(biāo)簽屬性賦值的方法,非常不錯(cuò)，具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2018-10-10
Vue項(xiàng)目安裝less和less-loader的詳細(xì)步驟
這篇文章主要介紹了Vue項(xiàng)目安裝less和less-loader的詳細(xì)步驟，本文分步驟結(jié)合示例代碼給大家介紹的非常詳細(xì)，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2022-12-12
這篇文章主要介紹了vue多個(gè)元素的樣式選擇器問題，本文通過實(shí)例代碼給大家介紹的非常詳細(xì)，具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2019-11-11
本文通過實(shí)例代碼給大家介紹了Vue lazyload圖片懶加載的相關(guān)知識，通過導(dǎo)入配置等操作src/main.jswenj ,代碼簡單易懂，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友參考下吧2021-12-12
今天小編就為大家分享一篇element UI upload組件上傳附件格式限制方法，具有很好的參考價(jià)值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-09-09
Vue2.0+Vux搭建一個(gè)完整的移動webApp項(xiàng)目的示例
這篇文章主要介紹了Vue2.0+Vux搭建一個(gè)完整的移動webApp項(xiàng)目的示例，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2019-03-03
vue打包部署到springboot的實(shí)現(xiàn)示例
項(xiàng)目開發(fā)中,一般我們都會使用SpringBoot+Vue進(jìn)行前后端開發(fā),本文主要介紹了vue打包部署到springboot的實(shí)現(xiàn)示例,具有一定的參考價(jià)值,感興趣的可以了解一下2024-07-07
這篇文章主要介紹了Vue組件通信方式(父傳子、子傳父、兄弟通信)，具有很好的參考價(jià)值，希望對大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2022-05-05
Vue.js 單頁面多路由區(qū)域操作的實(shí)例詳解
這篇文章主要介紹了 Vue.js 單頁面多路由區(qū)域操作的實(shí)例詳解的相關(guān)資料,需要的朋友可以參考下2017-07-07
這篇文章主要為大家詳細(xì)介紹了Vue組件中的自定義事件，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下，希望能夠給你帶來幫助2022-02-02