登录 |  注册
首页 >  移动开发 >  微信小程序开发教程 >  uniapp开发环境搭建

uniapp开发环境搭建

一、下载并安装开发工具

uniapp的开发工具为HbuilderX,下载地址为:去下载

uniapp1.jpg

这里选择windows版本。windows 版本下载完成之后会得到一个 zip 的压缩包文件,解压完成即可使用,是不需要安装的绿色版本。

二、安装sass和scss插件

打开HbuilderX,点击工具----插件安装,如图所示:

uniapp2.jpg

在下一个界面选择前往插件市场,如图:

uniapp3.jpg

在插件市场找到scss/sass点击下载,如图:

uniapp4.jpg

在右侧点击,使用HbuilderX导入插件即可。此时会在 HBuilderX 右下角,提示你【正在下载】

uniapp5.jpg

等待完成即可


三、创建 uni-app 项目

创建项目,如图:

uniapp6.jpg

高版本选择页面

uniapp7.jpg

低版本选择页面

uniapp8.jpg

建立项目后如图:

uniapp9.jpg

四、项目目录介绍

├─pages // 页面存放文件夹,等同于 微信小程序中的 pages

│ └─index // 默认生成的页面

├─static // 静态资源存放文件夹

└─uni_modules // uni-app组件目录

│ └─uni-xxx // uni-app 所提供的业务组件,等同于 微信小程序中的组件

├─App.vue // 应用配置文件,用来配置全局样式、生命周期函数等,等同于 微信小程序中的app.js

└─main.js // 项目入口文件

├─mainfest.json // 配置应用名称、appid、logo、版本等打包信息,

└─pages.json // 配置页面路径、窗口样式、tabBar 等页面类信息,等同于 微信小程序中的app.json

└─uni.scss // uni-app内置的常用样式变量

上一篇: 微信小程序是什么?
下一篇: 微信小程序view与scroll-view组件的使用介绍
推荐文章
  • 在iOS平台上,操作定位服务通常涉及到以下步骤:启用定位服务:打开iPhone或iPad的设置应用。滚动并找到“隐私”(Privacy)选项,点击进入。在隐私设置中选择“定位服务”(LocationServices)。确保定位服务是开启状态。若要关闭或开启特定应用的定位权限,请在此页面查找对应的应用
  • 在iOS开发中,要实现发送电子邮件的功能,可以使用MFMailComposeViewController类,这是Apple提供的一个内置框架——MessageUI的一部分。以下是在Swift中使用MFMailComposeViewController来发送邮件的基本步骤:实例步骤1、创建一个简单的V
  • iOS故事板(Storyboards)是Apple在iOS5中引入的一种可视化界面构建工具,它允许开发者在一个单一的文件中设计和管理整个应用程序的所有用户界面屏幕以及它们之间的导航关系。故事板通过InterfaceBuilder集成到Xcode开发环境中,为开发者提供了一种直观的方式来组织UI元素、
  • iOS自动布局(AutoLayout)是Apple在iOS6及以后版本引入的一种动态布局系统,用于处理用户界面元素在不同屏幕尺寸和方向下的自适应布局。通过自动布局,开发者可以创建灵活的、可伸缩的UI设计,确保应用在各种iPhone、iPad设备以及不同的屏幕旋转状态下都能保持良好的视觉效果和用户体验
  • ios(InternetworkingOperatingSystem-Cisco,缩写ios,也可写作IOS,区别于苹果系统iOS)iOS是由苹果公司(AppleInc.)开发的一种专有移动操作系统,它为苹果的多款移动设备提供用户界面和底层操作逻辑。最初随iPhone在2007年发布时被称为“iPh
  • 小程序中的组件也是由宿主环境提供的,开发者可以使用组件快速搭建出页面结构,官方把小程序里的组件分为了9大类,分别是视图容器基础内容表单组件导航组件媒体组件map地图组件canvas画布组件开放能力无障碍访问常见的视图容器类组件1.view普通视图区域类似于HTML中的div,是一个块级元素常用于实现
学习大纲