vue2+uniapp+uview 搭建项目

vue2+uniapp+uview 搭建项目

一、uniapp创建项目

二、安装uView

1、Hbuilder X方式

下载地址：https://ext.dcloud.net.cn/plugin?id=1593

2、下载安装方式配置

• 1、安装scss

  // 安装sass
  	npm i sass -D
  
  // 安装sass-loader
  	npm i sass-loader -D
  

• 2、引入uView主JS库

  // 在项目根目录中的main.js中
  	import uView from '@/uni_modules/uview-ui'
  	Vue.use(uView)
  

• 3、在引入uView的全局SCSS主题文件

  // 在项目根目录的uni.scss中引入此文件。
  	@import '@/uni_modules/uview-ui/theme.scss';
  

• 4、引入uView基础样式

  <style lang="scss">
  	/* 注意要写在第一行，同时给style标签加入lang="scss"属性 */
  	@import "@/uni_modules/uview-ui/index.scss";
  </style>
  

• 5、默认单位配置

  // main.js，注意要在use方法之后执行
  	import uView from 'uview-ui'
  	Vue.use(uView)
  // 如此配置即可
  	uni.$u.config.unit = 'rpx'
  

3、Http请求封装

• 1、全局配置，以及请求，响应拦截器定义

// 在/config/request.js中
// 此vm参数为页面的实例，可以通过它引用vuex中的变量
module.exports = (vm) => {
   
	// 初始化请求配置
	uni.$u.http.setConfig((config) => {
   
		/* co