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