登录 |  注册
首页 >  移动开发 >  微信小程序开发教程 >  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内置的常用样式变量

原文链接: https://www.yukx.com/miniprogram/article/details/2337.html 优科学习网uniapp开发环境搭建

<<上一课程
下一课程>>
推荐文章
  • 小程序中的组件也是由宿主环境提供的,开发者可以使用组件快速搭建出页面结构,官方把小程序里的组件分为了9大类,分别是视图容器基础内容表单组件导航组件媒体组件map地图组件canvas画布组件开放能力无障碍访问常见的视图容器类组件1.view普通视图区域类似于HTML中的div,是一个块级元素常用于实现
  • 一、下载并安装开发工具uniapp的开发工具为HbuilderX,下载地址为:去下载这里选择windows版本。windows版本下载完成之后会得到一个zip的压缩包文件,解压完成即可使用,是不需要安装的绿色版本。二、安装sass和scss插件打开HbuilderX,点击工具----插件安装,如图所
学习大纲