1. 程式人生 > >使用webpack搭建vue環境

使用webpack搭建vue環境

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 webpack demo6,此時的專案就會構建的複雜一些。

此時:cd demo6

npm run dev即可執行開發環境

使用webpack跨域代理

使用代理可以使本地環境可以跨域請求其他伺服器資料。

在config資料夾下的index.js中,修改下列程式碼:

此時,本地開發環境就可以跨域請求其他伺服器的資料。