uni-app开发环境搭建创建uni-app项目

article/2025/10/31 16:17:31

uni-app修炼之路（一）

  • 导语
  • uni-app开发环境搭建
        • 1.进入官网下载HBuilder-X
        • 2.打开HBuilder-X，进行开发环境配置
  • 创建uni-app项目
        • 快速上手

导语

uni-app使用了快半个月了，现在准备来系统的学习一下uni-app，并做一些笔记！

	学习的最好方式就是查看官方文档，当然初学者可能会对官方文档比较迷茫，我今后做的笔记也许能够为你解决这些疑惑。

uni-app开发环境搭建

1.进入官网下载HBuilder-X

百度搜索uni-app，进入官网，点击快速上手，点击下载
这是uni-app官网首页，我们点击快速上手，里面有Hbuild-x的下载地址
点击HBuilderX：官方IDE下载地址在这里插入图片描述
点击DOWNLOAD
在这里插入图片描述
我们下载开发版 选择你系统对应的版本下载，下载之后直接解压安装就好了
在这里插入图片描述

2.打开HBuilder-X，进行开发环境配置

打开之后的界面是这样子的
在这里插入图片描述
点击工具——》插件安装
在这里插入图片描述
这里就可以安装想要的插件了
在这里插入图片描述
点击工具–》主题 就可以更改主题颜色了
在这里插入图片描述

以Mac为例，点击偏好设置，可以进行如下设置
在这里插入图片描述

创建uni-app项目

快速上手

这里我就不重复了，官网有教程，会比我讲的详细，请查看官网教程快速上手


http://chatgpt.dhexx.cn/article/peW7FbuG.shtml

相关文章

搭建iOS开发环境

搭建iOS开发环境

1.准备 当前移动开发主要分为安卓开发和iOS开发，安卓是谷歌在2007年宣布开源的移动操作系统，iOS是苹果2007年发布的。两个系统出现的时间大致相同，在随后的十年间引领了移动开发浪潮。如今各种移动开发技术层出不穷，一些跨平台的…
阅读更多...
HBuilderX App开发环境搭建

HBuilderX App开发环境搭建

1. Nox 模拟器 1). 无脑式安装 Nox模拟器平板界面.png 2). 屏幕修改 点击右侧上方的设置按钮，在系统设置中选择手机版，点击保存并重启。 Nox设置界面.png 3). 端口设置 Nox模拟器默认端口：62001 2. HBuilderX 1). 点击右侧的Download&#…
阅读更多...
模型部署，移动端安卓App开发环境搭建和配置教程 ~

模型部署，移动端安卓App开发环境搭建和配置教程 ~

点击上方“码农的后花园”，选择“星标” 公众号 精选文章，第一时间送达 在深度学习中，算法模型部署到移动端中应用是最终的目的，上期中讲解了App开发目前主要有以下三种方式： 第一种：Eclipse JDK Android…
阅读更多...
安卓开发环境搭建

安卓开发环境搭建

1.下载JDK 7（1.7）或者8 （1.8）SE 现在一般是8 安装 然后配置环境变量后 执行命令 javac 看看是否成功，java -version可以查看版本 oracle登录账号可用 oracle.com passwords - BugMeNothttp://bugmenot.com/vie…
阅读更多...
Android app 开发环境搭建

Android app 开发环境搭建

Android app 开发环境搭建(AMD和intel环境下) 下载Anaroid studio 安装 选择你想要安装的Android Studio的功能。检查想要安装的组件，取消检查不想安装的组件。单击Next继续。 空间要求:2.3gb 配置 收集数据用于服务X 不安装SDK(自行下载) 个性化 选择…
阅读更多...
Android APP完整基础教程（01）开发环境简介

Android APP完整基础教程（01）开发环境简介

该系列文章主要基于AndroidQ平台，主要介绍Android应用基础开发相关知识。主要针对安卓应用开发路径的完整解读 和 coding练习内容的解读。 1 Android 发展历史 1.1 Android 历史 2005年 Google收购了成立仅22个月的高科技企业Android公司。2007年 Google正式向外…
阅读更多...
移动APP开发环境搭建(新手)

移动APP开发环境搭建(新手)

移动APP开发环境配置(新手搭建) 涉及到的配置工具 STS ( eclipse idea 一样的开发工具)java jdk : 是Java语言开发工具包，JDK是整个JAVA的核心，包括了Java运行环境ant ：Ant是Java的生成工具，用来编译、生成；跨平台&…
阅读更多...
JSON.

JSON.

JSON JSON 指的是 JavaScript 对象表示法（JavaScript Object Notation），是轻量级的文本数据交换格式 ，使用 Javascript语法来描述数据对象，具有自我描述性，更易理解，但是 JSON 仍然独立于语言和…
阅读更多...
JSONP 接口

JSONP 接口

1. 回顾 JSONP 的概念与特点 概念&#xff1a;浏览器端通过 <script> 标签的 src 属性&#xff0c;请求服务器上的数据&#xff0c;同时&#xff0c;服务器返回一个函数的调用。这种请求数据的方式叫做 JSONP。 特点&#xff1a; ① JSONP 不属于真正的 Ajax 请求&a…
阅读更多...
Json接口代码生成工具-Json2Code

Json接口代码生成工具-Json2Code

将接口的json文件转化为代码的工具&#xff0c;支持如下语言&#xff1a;C#,C,Dart,Go,Java,JavaScript,Kotlin,Objective-C,Python,Ruby,Rust,Swift,TypeScript Json2Code主要是为了解决前端在拿到后端swagger、postman等工具导出的接口描述文件的时候&#xff0c;大部分工作都…
阅读更多...
Json 格式的接口测试该怎么做？

Json 格式的接口测试该怎么做？

后端开发过程中&#xff0c;开发完毕后要进行必要的接口测试&#xff0c;很多人会疑惑 Json 格式的接口测试到底应该怎么做&#xff0c;为了让大家有个粗略的认识&#xff0c;这里我们运用 Eolink 接口工具来给大家演示一下 API 导入、对 API 进行测试以及更高级的 Mock 测试。…
阅读更多...
http+json 格式的接口开发实践与思考

http+json 格式的接口开发实践与思考

业务背景 最近一段时间&#xff0c;都在做接口对接&#xff0c;项目也差不多上线了&#xff0c;正好也总结下自己的想法和思考。 项目的主要目的是给我公司店铺的店长、员工、和业务品牌领导提供一个入口&#xff0c;可以很方便直观地看到店铺之间&#xff0c;员工之间的一些…
阅读更多...
基于json文件创建后端模拟接口

基于json文件创建后端模拟接口

json-server有很多接口&#xff1b;目的&#xff1a;基于一个json文件就可以创建很多的后端模拟接口&#xff1b; &#xff08;1&#xff09;先创建一个json文件&#xff1a; &#xff08;2&#xff09;然后下载nodejs&#xff1a;下载 | Node.js 中文网 注意&#xff1a;下…
阅读更多...
SpringBoot接口接收json参数

SpringBoot接口接收json参数

1. 创建入参实体&#xff1a; package com.hsm.ls.application.test.domain;/*** Created by lfx on 2018/12/19.*/ public class ActiveRequest {private String sid;private String biz;private String text;public String getSid() {return sid;}public void setSid(String…
阅读更多...
JSONP接口

JSONP接口

概念&#xff1a;浏览器通过<script>标签的src属性&#xff0c;请求服务器上的数据&#xff0c;同时服务器返回一个函数的调用。这种请求数据的方式叫JSONP 特点&#xff1a;JSONP不属于真正的的Ajax请求&#xff0c;因为它没有使用XMLHttpRequest这个对象 JSONP仅支持G…
阅读更多...
java 调用接口为json格式

java 调用接口为json格式

#simple 直接上代码 ①pom文件导入hutool的war包 <dependency><groupId>cn.hutool</groupId><artifactId>hutool-all</artifactId><version>5.3.10</version></dependency>②new JSONObject(); 对象&#xff0c; put你所需要的…
阅读更多...
『前端必备』本地数据接口—json-server

『前端必备』本地数据接口—json-server

文章目录 json-server介绍简介操作步骤 操作数据增&#xff08;POST&#xff09;删&#xff08;DELETE&#xff09;改&#xff08;UPDATE、PATCH&#xff09;查&#xff08;GET&#xff09;筛选分页排序切片(分页)特殊符号添加_gte或_lte获取范围添加_ne以排除值添加_like到过滤…
阅读更多...
接口接收JSON数据

接口接收JSON数据

1. 使用场景&#xff1a;定义接口供对方调用。请求数据为JSON格式&#xff0c;请求方法为post&#xff0c;请求参数如下&#xff1a; { "num":" 1600330803432", "comCode": "feisu" } 2. 接口接收方法 ResponseBody public Ba…
阅读更多...
JSON和API接口初识

JSON和API接口初识

首先认识一下JSON JSON官网&#xff1a;http://www.json.org/json-zh.html JSON是一种数据格式&#xff0c;是一种在互联网传输中运用最多的数据交换语言&#xff0c;由于它轻便、灵巧&#xff0c;且能从各种语言中完全独立出来&#xff0c;所以成为目前最理想的数据交换语言…
阅读更多...
Java数据接口编写简单例子，Java Json解析，服务端接口输出Json数据，客户端通过HTTP获取接口Json数据

Java数据接口编写简单例子，Java Json解析，服务端接口输出Json数据，客户端通过HTTP获取接口Json数据

实现效果 实现原因 目前主流的CS结构&#xff0c;数据都是通过RESTful风格接口形式呈现&#xff0c;不管是桌面级应用程序还是手机端&#xff0c;接口是我们获取数据的大多数选择&#xff0c; 主流数据接口呈现形式主要是Json和Xml&#xff0c;后者目前基本渐行渐远。Json的轻量…
阅读更多...
推荐文章

Copyright @ 2022~2023