uniapp项目运行

已于 2023-08-03 14:06:09 修改
阅读量755 收藏
点赞数 1
文章标签： uni-app
于 2023-08-03 12:59:49 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_37291053/article/details/132081121
版权

一、下载HBuilderX开发工具、安装

https://www.dcloud.io/hbuilderx.html

在这里插入图片描述

二、下载稳定版的微信开发者工具并安装

https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html

三、使用HBuilderX新建一个uniapp项目，文件-》新建-》项目或文件－打开文件

四、运行－运行到小程序模拟器－微信开发者工作

在这里插入图片描述
如运行报错
在这里插入图片描述

微信开发工具中，设置－安全设置，将服务端口打开及可
在这里插入图片描述

JoJo-Zhang
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
uni-app项目部署 打包 运行
Zhouchangyue的博客
03-31 2903
创建uni-app项目 创建项目vue create -p dcloudio/uni-preset-vue my-project 此时，会提示选择项目模板，初次体验建议选择 hello uni-app 项目模板 注意：通过该命令创建项目前提是全局安装了vue-cli，这个早在学习vue的时候就安装过。 进入目录并运行 cd my-project npm run serve 运行成功...
20220210uniapp项目笔记
02-10
uni-app 项目开发指南 ...1.5 把项目运行到微信开发者工具 填写自己的微信小程序的 AppID，配置“微信开发者工具”的安装路径，在微信开发者工具中，通过 设置 -> 安全设置 面板，开启“微信开发者工具”的服务端口。
HbuilderX导入uniapp项目并运行
qq_50880219的博客
08-21 1904
一般只会在第三步出现问题，npm install出现error或者其他奇怪冗长的报错，大概率是项目package.json下的node-sass版本和自己电脑安装的nodejs或npm不匹配。（1）nvm use 安装的nodejs版本号。3.1查阅node-sass匹配的nodejs版本。
uni-app基本使用
最新发布
ttyu131的博客
05-19 1222
uni-app 是一个使用 Vue.js 开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、Web（响应式）、以及各种小程序（微信/支付宝/百度/头条/飞书/QQ/快手/钉钉/淘宝）、快应用等多个平台。
uniapp项目的编译运行
热门推荐
12程序猿的博客
12-07 2万+
这里写目录标题一、准备工作二、编译运行1.使用HBuilder X 软件打开uniapp项目2.点击菜单栏“运行”---》运行到小程序模拟器---》微信开发者工具（W）3.编译过程中，安装必要的插件4.插件安装完成后，重新编译5.编译成功6.使用开发者工具导入该uniapp项目，即可运行 一、准备工作 uniapp项目 安装HBuilder X 软件 安装npm 运行环境 二、编译运行 步骤： （1）使用HBuilder X 软件打开uniapp项目 （2） 点击菜单栏“运行”—》运行到小程序模拟器—》微信
uniapp的操作流程
qq_70703397的博客
04-19 3455
UniApp是一款基于Vue.js的跨平台应用开发框架，可以用于开发iOS、Android、H5和小程序等多种应用。本文将介绍UniApp的操作流程，并附上相关代码。
【uni-app】详细总结uni-app基础知识和如何配置项目，运行到模拟器和小程序端，附案例和图（建议收藏）
11-28 7615
由dcloud公司开发的 多端融合框架，1次开发，多端运行;竞品：apiCloud ,appCan,Codova技术架构：Vue语法+小程序的api多端混合开发HybridApp端nvue(原生view)native.js(js原生沟通的桥梁)weex内置ios/安卓的模块使用H5端（h5专用api）各种小程序（微信为主）HbuilderX(开发与编译工具)微信开发工具（微信小程序预览测试）安卓模拟器/真机（运行app）
uni-app创建项目、运行
ji_xin0721的博客
01-15 721
uni-app是一个使用开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、Web（响应式）、以及各种小程序（微信/支付宝/百度/头条/飞书/QQ/快手/钉钉/淘宝）、快应用等多个平台。HBuilderX是通用的前端开发工具，但为uni-app做了特别强化。
uni-app的基本搭建使用详解
YM_010530的博客
10-02 2319
本次带大家掌握 uni-app 项目的创建、运行、以及 Android 真机环境配置，内容侧重于动手操作，需要理解的部分较少，操作过程中遇到错误后，可以从头重新进行操作，直到环境正常运行。在创建的项目中可以看到 Vue 的单文件组件，即 uni-app 创建的项目本质上就是 Vue 的项目，代码逻辑的细节我暂时先不去分析，先来看看 uni-app 的项目是如何启动的。H5 端运行有两种方式，一种是运行到浏览器，另一种是运行到内置浏览器，当选择内置浏览器时会提示安装【内置浏览器】插件。
centos7.2搭建nginx的web服务器部署uniapp项目
09-14
三、部署UniApp项目 1. **创建项目目录**：在`/usr/local/nginx/`下创建一个名为`movie`的目录，用于存放你的UniApp H5页面。 2. **上传项目**：将你的 UniApp H5 页面部署到`/usr/local/nginx/movie/h5/`目录下。 3...
国际象棋-单机游戏-uniapp项目源码
04-26
这是一个uniapp项目源码【国际象棋-单机游戏】项目完整例子，还有 可通过HBuilderX开发工具打开和修改，编译运行在H5平台，可修改跨多平台运行，还有 这是棋盘类游戏，与中国象棋玩法不一样，还有 可供学习研究...
用Vue CLI创建uniapp项目，搭建模板。不仅可以HBuilder打包，也可以npm命令行运行及打包、发布
05-18
已经搭建好，下载即用。 用Vue CLI创建uniapp项目，不仅可以HBuilder打包，也可以npm命令行运行及打包、发布。
飞行棋-多人游戏-uniapp项目源码
05-09
这是一个uniapp H5源码【飞行棋】项目完整例子，...通过HBuilderX开发工具选uniapp项目可打开，可编译运行，请放心下载， 值得参考学习研究，有相关配套的文章https://blog.csdn.net/zs1028/article/details/130549526
uni-app项目（HBuliderX首次如何分别在浏览器、微信小程序和模拟器上运行
2301_80512009的博客
03-09 1093
2.按回车键->显示命令‘already connected to 127.0.0.1:62001’（表示已经连接成功）->如果显示的是不能连接的英文,则需要我们打开夜神模拟器软件->继续输入adb devices指令->点击HBuliderX页面导航条中的‘工具’选项->点击‘设置’选项->进入设置页面,选中‘运行配置’3.编译uni-app项目即打开并选中uni-app项目中的pages文件夹下的文件夹中的vue文件。2.打开uni-app项目,选中其中pages文件夹下的文件夹中的vue文件。
uni-app介绍
weixin_63526054的博客
05-24 9252
Uni-app的特点是使用Vue.js作为开发语言，可以在不同的移动端平台上共享组件库和业务逻辑代码，大大提高了开发效率和代码重用率。pages.json ：文件用来对 uni-app 进行全局配置，决定页面文件的路径、窗口样式、原生的导航栏、底部的原生tabbar 等。App.vue：是我们的跟组件，所有页面都是在App.vue下进行切换的，是页面入口文件，可以调用应用的生命周期函数。manifest.json ：文件是应用的配置文件，用于指定应用的名称、图标、权限等。pages：所有的页面存放目录。
uni-app入门教程——环境配置与运行
weixin_46560512的博客
08-16 9879
uni-app入门教程1.uni-app简介2.uni-app开发工具的下载2.1 Hbuilder电脑桌面适配3.Hbuilder运行uni-app项目3.1 浏览器预览uni-app项目3.2 微信小程序预览uni-app项目3.3 手机预览预览uni-app项目 1.uni-app简介     uni-app 是一个使用 Vue.js 开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、Web（响应式）、以及各种小程序（微信/支付宝/百度/头条/QQ/快手/钉钉/淘宝）、快应用
uni-app 如何封装js方法，多个页面重复使用
weixin_46166771的博客
11-16 1653
uni-app 如何封装js方法，多个页面重复使用
uniapp app如何在手机关屏后仍能正常运行、接收信息(还没试过)
qq_41304029的博客
06-09 3572
最近在弄一个安卓APP，需要每隔几秒钟上报一次GPS位置，但发现当手机休眠后（屏幕熄灭后）APP不再运行，因此也不能上报GPS位置。在需要允许后台运行的时候调用wakeLock()，在希望停止的时候调用releaseWakeLock()原文地址：https://ask.dcloud.net.cn/article/1273。借助安卓的WakeLock机制，我们可以实现让APP在后台运行。
微信小程序的番茄闹钟
qq_44891943的博客
09-09 4955
代码：{ “pages”: [ “pages/index/index”, “pages/logs/logs”, "pages/setting/setting " ], “window” : { “backgroundTextStyle”: “light “navigationBarBackgroundColor”: “#3197ed”, “navigationBarTitleTex...
uniapp项目运行配置在哪
06-06
UniApp项目的运行配置可以在项目根目录下的`manifest.json`文件中进行配置。其中，可以设置应用的名称、版本号、启动页、APP图标、权限等信息。同时，也可以在`pages.json`文件中配置应用的页面路由、底部菜单栏、页面样式等信息。在进行开发时，可以在HBuilderX等开发工具中进行可视化配置，也可以手动编辑JSON文件进行配置。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值