使用webpack搭建vue環境

一、安裝node.js,在官網下載，直接下一步，完成。nodejs裏默認包含npm環境。國內安裝包的速度太慢，建議使用cnpm淘寶鏡像。

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

二、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 webpack demo6,此時的項目就會構建的複雜一些。

此時：cd demo6

npm run dev便可運行開發環境

使用webpack跨域代理
使用代理能夠使本地環境能夠跨域請求其餘服務器數據。

在config文件夾下的index.js中

 

 

，修改下列代碼：

 

 

此時，本地開發環境就能夠跨域請求其餘服務器的數據。