這篇文章主要介紹了使用webpack搭建vue環境的方法,具有一定借鑒價值,感興趣的朋友可以參考下,希望大家閱讀完這篇文章之后大有收獲,下面讓小編帶著大家一起了解一下。
創新互聯公司是一家集網站建設,平度企業網站建設,平度品牌網站建設,網站定制,平度網站建設報價,網絡營銷,網絡優化,平度網站推廣為一體的創新建站企業,幫助傳統企業提升企業形象加強企業競爭力??沙浞譂M足這一群體相比中小企業更為豐富、高端、多元的互聯網需求。同時我們時刻保持專業、時尚、前沿,時刻以成就客戶成長自我,堅持不斷學習、思考、沉淀、凈化自己,讓我們為更多的企業打造出實用型網站。1、安裝node.js,在官網下載,直接下一步,完成。nodejs里默認包含npm環境。國內安裝包的速度太慢,建議使用cnpm淘寶鏡像。
npm install -g cnpm --registry=https://registry.npm.taobao.org
2、vue-cli構建SPA應用
安裝vue:npm install vue -g
安裝vue-cli:npm install -g vue-cli
使用webpack構建一個簡單項目:vue init webpack-simple demo5;此時會讓你填寫項目名稱,描述,作者,版權許可(license),是否使用sass。此時一個vue項目就構建好了。
使用webpack構建一個復雜項目:vue init webpackdemo6,此時的項目就會構建的復雜一些。
此時:cd demo6
npm run dev即可運行開發環境
使用webpack跨域代理
使用代理可以使本地環境可以跨域請求其他服務器數據。
在config文件夾下的index.js中
,修改下列代碼:
此時,本地開發環境就可以跨域請求其他服務器的數據。
感謝你能夠認真閱讀完這篇文章,希望小編分享的“使用webpack搭建vue環境的方法”這篇文章對大家有幫助,同時也希望大家多多支持創新互聯成都網站設計公司,關注創新互聯成都網站設計公司行業資訊頻道,更多相關知識等著你來學習!
另外有需要云服務器可以了解下創新互聯scvps.cn,海內外云服務器15元起步,三天無理由+7*72小時售后在線,公司持有idc許可證,提供“云服務器、裸金屬服務器、網站設計器、香港服務器、美國服務器、虛擬主機、免備案服務器”等云主機租用服務以及企業上云的綜合解決方案,具有“安全穩定、簡單易用、服務可用性高、性價比高”等特點與優勢,專為企業上云打造定制,能夠滿足用戶豐富、多元化的應用場景需求。