01.uniapp之App开发

  1. 一、准备工作
  2. 二、项目创建
  3. 三、uView引入

一、准备工作

  • 安装 Node.js,下载并安装 LTS 版本,用于项目构建和依赖管理
  • 安装 HBuilderX,下载开发工具,支持代码编辑、调试、打包等功能
  • 注册 DCloud 账号:使用DCloud提供的服务进行云打包和发布

二、项目创建

  • 通过 HBuilderX 创建
    • 在点击工具栏里的文件 -> 新建 -> 项目(快捷键Ctrl+N)

三、uView引入

  • 插件市场下载地址:uView
  • 点击下载插件并导入HBuilderX - 直接导入uView到uni_modules文件中
  • 引入
// main.js
import uView from "@/uni_modules/uview-ui";
Vue.use(uView)
uni.$u.setConfig({
  config: {
		// 修改默认单位为rpx,相当于执行 uni.$u.config.unit = 'rpx'
		unit: 'rpx'
	},
  props: {
		// 修改radio组件的size参数的默认值,相当于执行 uni.$u.props.radio.size = 30
		radio: {
			size: 15 
		}
	}
})
// uni.scss - 引入uView样式
@import '@/uni_modules/uview-ui/theme.scss';
@import '@/uni_modules/uview-ui/index.scss';
×

喜欢就点赞,疼爱就打赏