uniapp项目实战系列(2)：新建项目，项目搭建，微信开发工具的配置

news2024/12/23 10:41:57

目录

  • 系列文章目录
    • uniapp项目实战系列(1)：导入数据库，启动后端服务，开启代码托管（点击跳转）
    • 1.新建项目
    • 2.托管项目的操作：（无勾选托管项目可无视）
    • 3.项目编译预览
      • 3.1游览器编译
      • 3.2微信小程序编译
      • 3.3微信开发者工具不校验域名和开启安全设置服务端口
      • 3.4微信开发者工具生成测试号或者注册一个小程序生成啊AppId，编辑器上配置
    • 4.删掉初始内容

✨ 原创不易，还希望各位大佬支持一下！

👍 点赞，你的认可是我创作的动力！

⭐️ 收藏，你的青睐是我努力的方向！

✏️ 评论，你的意见是我进步的财富！

系列文章目录

uniapp项目实战系列(1)：导入数据库，启动后端服务，开启代码托管（点击跳转）

1.新建项目

打开uniapp的开发工具（HBuilder X），点击左上角的文件》新建》项目
在这里插入图片描述
选择左侧栏的uniapp（一般默认打开就是），然后给项目命名为hm_shop，给项目设置存放路径，选择vue2版本，开启gitcode代码托管（如何开启开启gitcode代码请看前期准备）
在这里插入图片描述
右下角弹出
在这里插入图片描述

2.托管项目的操作：（无勾选托管项目可无视）

项目创建成功后出现弹窗，输入内容（可自定义），然后点击托管
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-fJBPkmyh-1692021718528)(https://s3-us-west-2.amazonaws.com/secure.notion-static.com/7a2119f8-c067-4010-b073-e3462632ec85/Untitled.png)]
弹出提交的弹窗，写上更新日志并且勾选上设置作者日期和设置作者，然后点击提交并推送
在这里插入图片描述
直接点击确定就开始上传了
在这里插入图片描述
在这里插入图片描述
右下角显示成功托管
在这里插入图片描述

项目网址（点击跳转）
在这里插入图片描述

3.项目编译预览

3.1游览器编译

选中项目点击上方导航栏的运行》运行到游览器》游览器（选你喜欢的游览器进行打开）

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-ZhkQd6Ai-1692021718531)(https://s3-us-west-2.amazonaws.com/secure.notion-static.com/69b6422f-ecdb-471e-a464-85ace7fef1b0/Untitled.png)]
编译成功出现此页面（电脑的F12可以快捷打开网页调试，F12打不开就使用win+F12）
在这里插入图片描述

3.2微信小程序编译

1.为开发工具配置微信开发者工具路径
在这里插入图片描述

2.选中项目点击上方导航栏的运行》运行到小程序模拟器》微信开发者工具（如果你的微信开发者工具未登录需要登陆一下）
在这里插入图片描述
在这里插入图片描述

3.3微信开发者工具不校验域名和开启安全设置服务端口

在这里插入图片描述
在这里插入图片描述

3.4微信开发者工具生成测试号或者注册一个小程序生成啊AppId，编辑器上配置

同时你会发现微信开发者工具提示你，明明你登陆了但是你还是在游客模式
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

在这里插入图片描述
在这里插入图片描述

4.删掉初始内容

找到项目中的index.vue页面
在这里插入图片描述
将页面删除为这个模样
在这里插入图片描述
小程序上的预览变化为这个样子
在这里插入图片描述

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.coloradmin.cn/o/950602.html

如若内容造成侵权/违法违规/事实不符，请联系多彩编程网进行投诉反馈，一经查实，立即删除！

相关文章

自然语言处理(五)：子词嵌入（fastText模型）

自然语言处理(五)：子词嵌入（fastText模型）

子词嵌入 在英语中，“helps”“helped”和“helping”等单词都是同一个词“help”的变形形式。“dog”和“dogs”之间的关系与“cat”和“cats”之间的关系相同，“boy”和“boyfriend”之间的关系与“girl”和“girlfriend”之间的关系相同。在法语和西…
阅读更多...
DP读书：不知道干什么就和我一起读书吧

DP读书：不知道干什么就和我一起读书吧

DP读书：不知道干什么就和我一起读书吧 为啥写博客：好处一：记录自己的学习过程优点二：让自己在各大社群里不那么尴尬推荐三：坚持下去，找到一个能支持自己的伙伴 虽然清楚知识需要靠时间沉淀，但在…
阅读更多...
KylinOS配置完静态IP地址后，保存按钮是灰色

KylinOS配置完静态IP地址后，保存按钮是灰色

问题： 配置完静态IP地址后，保存按钮置灰，并且提示“无效设置IPv4设置：ipv4.gateway：网关与”never-default”不兼容”。 原因： 这是由于禁止添加默认路由导致的。 解决方案： 1、使用nmcli命令： nmcli con modify "有线连接 1" ipv4.never-default no 执…
阅读更多...
keras深度学习框架构建LeNet5神经网络模型实现手写数字识别

keras深度学习框架构建LeNet5神经网络模型实现手写数字识别

之前两篇文章分别通过keras深度学习框架构建简单神经网络和卷积神经网络实现过手写数字识别实验。这篇文章分享我根据LeNet5模型构建的卷积神经网络来实现手写数字识别。 这个实验是根据LeNet5模型构建卷积神经网络，LeNet5模型的原理图如下所示： 相信大家…
阅读更多...
3、DVWA——CSRF

3、DVWA——CSRF

文章目录 一、CSRF概述二、low2.1 通关思路2.2 源码分析 三、medium3.1 通关思路3.2 源码分析 四、high4.1 通关思路4.2 源码分析 五、impossible 一、CSRF概述 CSRF全称为跨站请求伪造（Cross-site request forgery），是一种网络攻击方式&…
阅读更多...
基于向量加权平均算法优化的BP神经网络（预测应用） - 附代码

基于向量加权平均算法优化的BP神经网络（预测应用） - 附代码

基于向量加权平均算法优化的BP神经网络（预测应用） - 附代码 文章目录 基于向量加权平均算法优化的BP神经网络（预测应用） - 附代码1.数据介绍2.向量加权平均优化BP神经网络2.1 BP神经网络参数设置2.2 向量加权平均算法应用 4.测试结…
阅读更多...
华为 连接OSPF和RIP网络---OSPF和RIP网络相互引入

华为 连接OSPF和RIP网络---OSPF和RIP网络相互引入

路由引入简介 不同路由协议之间不能直接共享各自的路由信息，需要依靠配置路由的引入来实现。 获得路由信息一般有3种途径：直连网段、静态配置和路由协议。可以将通过这3种途径获得的路由信息引入到路由协议中，例如，把直连网段引入…
阅读更多...
vue3+element plus 封装上传组件（图片、文件）

vue3+element plus 封装上传组件（图片、文件）

vue3element plus 封装上传组件&#xff08;图片、文件&#xff09; 1、新建封装组件components/upload.vue2、引入upload组件3、效果展示 1、新建封装组件components/upload.vue <template><el-upload v-model:file-list"waitFileList" class"upload…
阅读更多...
阿里云矢量图标透明背景转换/展示时变为黑色解决方法

阿里云矢量图标透明背景转换/展示时变为黑色解决方法

下载了一个矢量图标&#xff0c;背景是透明的 上传到minio然后在前端展示&#xff0c;发现透明&#xff08;白色&#xff09;的地方变成黑色了 处理方法&#xff1a;去除透明的底色。使用window的画图程序打开保存一遍&#xff0c;将透明色转为白色 OK
阅读更多...
【UniApp开发小程序】小程序首页完善（滑到底部数据翻页、回到顶端、基于回溯算法的两列数据高宽比平衡）【后端基于若依管理系统开发】

【UniApp开发小程序】小程序首页完善（滑到底部数据翻页、回到顶端、基于回溯算法的两列数据高宽比平衡）【后端基于若依管理系统开发】

文章目录 说明细节一&#xff1a;首页滑动到底部&#xff0c;需要查询下一页的商品界面预览页面实现 细节二&#xff1a;当页面滑动到下方&#xff0c;出现一个回到顶端的悬浮按钮细节三&#xff1a;商品分列说明优化前后效果对比使用回溯算法实现ControllerService回溯算法 优…
阅读更多...
Mac网页开发工具 RapidWeaver 9

Mac网页开发工具 RapidWeaver 9

RapidWeaver是一款Mac上的网页设计和开发工具&#xff0c;它使用户能够快速创建专业级别的网站&#xff0c;而无需编写代码。 以下是RapidWeaver软件的一些主要特点和功能&#xff1a; 模板和主题&#xff1a;RapidWeaver提供了大量的预先设计好的模板和主题&#xff0c;使用…
阅读更多...
【jvm】运行时数据区

【jvm】运行时数据区

目录 一、运行时数据区一、作用二、说明三、线程共用与私有区域 一、运行时数据区 一、作用 1.内存是非常重要的系统资源&#xff0c;是硬盘和CPU 的中间仓库及桥梁&#xff0c;承载着操作系统和应用程序的实时运行。JVM内存布局规定了Java在运行过程中内存申请、分配、管理的策…
阅读更多...
扫盲：OLTP和OLAP的区别

扫盲：OLTP和OLAP的区别

定义 OLTP是Online Transaction Processing的缩写&#xff0c;其中文含义为&#xff1a;联机事务处理&#xff1b; OLAP是Online Analysis Processing的缩写&#xff0c;其中文含义为&#xff1a;联机分析处理。 上世纪60年代&#xff0c;关系数据库之父E.F.Codd提出了关系模…
阅读更多...
URL重定向漏洞

URL重定向漏洞

URL重定向漏洞 1. URL重定向1.1. 漏洞位置 2. URL重定向基础演示2.1. 查找漏洞2.1.1. 测试漏洞2.1.2. 加载完情况2.1.3. 验证漏洞2.1.4. 成功验证 2.2. 代码修改2.2.1. 用户端代码修改2.2.2. 攻击端代码修改 2.3. 利用思路2.3.1. 用户端2.3.1.1. 验证跳转 2.3.2. 攻击端2.3.2.1…
阅读更多...
Stable Diffusion 提示词入门指南

Stable Diffusion 提示词入门指南

前言 本文主要讲解 Stable Diffusion &#xff08;下文简称 SD&#xff09;提示词的用法&#xff0c;帮助大家生成更高质量的图片 本章节主要讲解文生图&#xff0c;其他类型读者可以自行探索。同时本文主要是以 Stable Diffusion Discard 的形式生成图片 如果各位对于图片隐…
阅读更多...
leetcode idea debug 刷题debug神器

leetcode idea debug 刷题debug神器

目录 1 安装leetcode editor插件2 创建刷题目录和包3 配置配置插件模板4 参考 配置好后debug效果&#xff0c;可以一步步debug设置断点查看各个变量的变化&#xff0c;也可以跳转到对应的方法查看源码&#xff01;&#xff01;&#xff01; 1 安装leetcode editor插件 这个直接…
阅读更多...
小赢科技，寻找金融科技核心价

小赢科技，寻找金融科技核心价

如果说金融是经济的晴雨表&#xff0c;是通过改善供给质量以提高经济质量的切入口&#xff0c;那么金融科技公司&#xff0c;就是这一切行动的推手。上半年&#xff0c;社会经济活跃程度提高背后&#xff0c;金融科技公司既是奉献者&#xff0c;也是受益者。 8月29日&#xff0…
阅读更多...
智慧景区方案：AI与视频融合技术如何助力景区监管智能化升级？

智慧景区方案：AI与视频融合技术如何助力景区监管智能化升级？

随着经济的发展&#xff0c;人们对生活的需求也不再局限于温饱层面&#xff0c;越来越多的人们开始追求文化、艺术的高层次需求&#xff0c;旅游也逐渐成为人们日常放松的一种方式。由于我国人口多、易扎堆等特点&#xff0c;景区的运营监管方式也亟需改革。TSINGSEE青犀智能分…
阅读更多...
118.杨辉三角

118.杨辉三角

一、题目 118. 杨辉三角 - 力扣&#xff08;LeetCode&#xff09; 二、代码 class Solution { public:vector<vector<int>> generate(int numRows) {vector<vector<int>>data(numRows);for(int i0;i<numRows;i){data[i].resize(i1);//扩容data[i]…
阅读更多...
java解析html

java解析html

目录 场景描述一.引入依赖二.调用接口响应回来的html三.测试代码 场景描述 我调用外部接口&#xff0c;但是返回来的数据是html的格式&#xff0c;所以我就需要进行处理来获得我想要的数据。我使用的是jsoup。 一.引入依赖 <dependency><groupId>org.jsoup</gr…
阅读更多...
推荐文章
最新文章

Copyright @ 2022~2023