1. 程式人生 > >vue專案引入vux-ui框架詳解(快速入門)

vue專案引入vux-ui框架詳解(快速入門)

一、新建自帶vux框架的vue專案(免配置)

1、安裝vue環境 (已安裝,跳過這一步)

2、新建基於vux的vue專案;

vue init airyland/vux2 projectName     //(新建專案配置已省略)       
cd projectName        //(新建成功後切換到專案根目錄下)
npm install --registry=https://registry.npm.taobao.org 
npm run dev

二、在已有的vue專案引入vux框架

1、安裝vux

npm install vux --save

2、安裝vux-loader、less、less-loader、yaml-loader

npm install vux-loader less less-loader yaml-loader --save-dev

3、build/webpack.base.conf.js配置

配置前:

配置後:

4、App.vue裡引入reset 

重啟專案

三、測試

1、引入vux元件,檢視vux元件庫瞭解更多

2、實現效果

(完)