uni-app 初始化项目

2024-05-19 05:09:17

uni-app

安装开发工具和预览工具

开发工具
- Hbuilder X 开发小程序工具对 uni-app 有更好的支持，推荐使用。
- 地址：点击去下载 Hbuilder X
- 推荐下载 app开发版，直接使用。
预览工具
- 微信开发者工具 uni-app 的预览工具。
- 地址：点击去下载微信开发者工具

初始化项目

创建项目
- 打开 Hbuilder X 创建新项目
- 选择 uni-app 项目
运行项目
- 点击运行
- 选择运行到浏览器，运行在浏览器上
- 选择运行到小程序模拟器运行到微信开发者工具上
  - 注意：
    - 第一次运行在微信开发者工具上，需要配置微信开发者工具的地址（微信小程序的安装路径），配置完成后即可正常运行。
    - 如果项目运行不起来，看看是不是微信开发者工具的服务端口没有打开。

uni-app 初始化项目相关推荐

uni app(H5)中软键盘弹出,固定定位绝对定位元素位置发生错乱
一.问题如下最近用uni app写项目,发现H5软键盘弹起,导致我固定定位的按钮被顶了上去,如图二.解决方法 1.让其在输入框获取焦点时隐藏百度了许多,有让输入框获取焦点时让按钮隐藏的方法,失去 ...
Vue 脚手架CLI 初始化项目
1 介绍 CLI是Command-Line Interface,翻译为命令行界面,但是俗称脚手架. Vue CLI是一个官方发布vue.js项目脚手架使用vue-cli可以快速搭建vue开发环境以及 ...
利用node、express初始化项目
前端做整站是开发,例如:前端是用了vue创建初始化项目,后端我们不会php.java等,我们只能用node去创建去做后端代码,本文就给大家讲解最基础的从零开始创建一个项目的后端环境. 一般来说前后端代 ...
切换 uniapp_万能前端框架uni app初探03：底部导航开发
前言本节我们使用uni app的底部导航功能,点击不同tab会显示不同页面,这个功能在实际项目开发中几乎是必备的. 一.基础知识 1.tabBar 如果应用是一个多 tab 应用,可以通过 tabB ...
使用“npm init”初始化项目
使用npm init初始化项目为什么要使用npm init初始化项目在node开发中使用npm init会生成一个pakeage.json文件,这个文件主要是用来记录这个项目的详细信息的,它会将我 ...
Apicloud开发新闻类App实战项目-老孟编程
Apicloud开发新闻类App实战项目-老孟编程课程名称:Apicloud开发新闻类App实战项目讲师:孟老师课程介绍: 技术点包括: 1:vue实现apicloud开发脚手架--超级实用通用 ...
微信开发者工具无法选择预览和真机调试_小程序开发第二篇：使用微信小程序开发者工具、wepy框架初始化项目...
1.微信小程序开发者工具使用: 小程序原生开发:直接使用小程序开发者工具打开项目即可小程序框架开发:首选官方提供类vue.js开发框架 wepy.js ,备选 mpVue.我们选择的是 wepy ...
HBuilder X ——Uni app 学习笔记（一）
HBuilder X --Uni app 学习笔记(一) 1.pages.json配置 *pages数组中第一项表示应用启动页,数组中其他项为项目中所有页面路径. enablePullDownRefr ...
uni app中使用图表
关于在uni app中运用图表今天写项目,需要在uni app中使用图表,我使用的是ucharts. 具体操作如下 1.下载 ucharts可以直接在uni app的插件市场下载安装. 先在插件市场 ...

最新文章

热门文章