公司有這方面的需求，以前是用的uview1.0，現在uview2.0出來了當然要重新整理一個空項目了。

步驟

1. 創建uniapp項目（直接在HBuilder X 中創建)
2. 引入uViewUI

創建uniapp項目

直接創建一個空項目就行了。

文件 ==> 新建 ==> 項目 ==> 默認模板

引入uView

插件市場找到對應插件uView2.0，點擊使用HBuilder X導入插件。

導入插件后，項目目錄會多出uni_modules文件夾。接下來需要我們配置一些東西。具體可以看下載方式相關配置。這個沒什么好講的，直接跟著步驟走。簡單說明一下~~

1. 沒安裝scss插件的記得安裝。
2. 引入uView主JS庫
3. 在項目根目錄下的uni.scss中添加樣式文件
4. App.vue中引入樣式文件
5. 配置easycom組件模式

到了這里其實uView的組件就可以在項目中使用了。但是我想要說兩點重要的東西，也是咱們項目中常用的東西。

1. Navbar 自定義導航欄
2. 請求配置

自定義導航欄咱們可以根據項目需求自行進行二次封裝，項目如果還OK，其實就直接使用該組件也是可以的。

請求配置

請求在項目中是必不可少的，uView都跟咱們封裝好了，太香了。配置也是直接根據官網配置就行，簡單說明一下。

1. 根目錄下創建目錄(目錄名自取),添加一個http.js文件。
2. main.js引入http.js文件，并調用。

main.js

// main.js
import httpInit from './utils/http.js'
httpInit(app)

http.js

// http.js
import Vue from 'vue'
export default vm => {
	// 初始化請求配置
	const http = uni.$u.http
	http.setConfig((config) => {
		config.baseURL = 'http://192.168.2.48:8098';
		return config
	})

	// 請求攔截
	// 這里面常用就是添加token，其他需要做什么操作也可以
	http.interceptors.request.use((config) => {
		uni.showLoading({
			mask: true
		})
		if (uni.getStorageSync('token')) {
			config.header.Authorization = uni.getStorageSync('token')
		}
		return config
	}, config => {
		uni.hideLoading()
		return Promise.reject(config)
	})

	// 響應攔截
	// 這里面就是處理數據和解決一些異常，自行了解
	http.interceptors.response.use((response) => {
		uni.hideLoading()
		const data = response.data
		if (data.status == 'success') {
			return data.data
		} else {
			uni.redirectTo({
				url: "/pages/home/login"
			});
		}
	}, (response) => {
		uni.hideLoading()
		return Promise.reject(response)
	})
	// 看各自愛好把，這里我直接添加到vue上面了，方便我直接使用this.$http使用。
	Vue.prototype.$http = http
}

請求弄好了，看下使用把。簡單寫了下登錄請求。

async login() {
	const res = await this.$http.post('/api/Authorize/Login', {
			Account: 'admin',
			Pwd: '123456'
		})
		uni.setStorageSync('token', res.token)
		uni.redirectTo({
			url: './Index'
		})
}