打开HBuilderX编辑器,点击“文件”->“新建”->“项目”,选择“uni-app”项目模板,并填写项目名称和选择存放路径。你可以选择Vue 2或Vue 3作为项目的框架版本。完成后,点击“创建”按钮,HBuilderX将为你生成一个新的uni-app项目。 3. 配置项目基本信息 ...
本项目是基于uni-app开发的社区交友APP;环境搭建以HbuilderX为主,创建项目即可测试运行;同时为了兼容多种平台,需要进行多端调试环境的搭建,包括Android、iOS、微信小程序和支付宝小程序等等。 一、项目介绍 本项目是基于uni-app,实战开发社区交友类app,实现一次开发、多端发布,同时发布到安卓端app、iOS端app、微信小...
npm install -g @vue/cli 创建项目 创建uni-app 项目 使用vue 脚手架 #使用正式版(对应 HBuilderX 最新正式版) vue create -p dcloudio/uni-preset-vue my-project #使用 alpha 版(对应 HBuilderX 最新 alpha 版) vue create -p dcloudio/uni-preset-vue#alpha my-alpha-project 使用Vue3/Vite 版 n...
配置微信开发者工具:如果需要在微信小程序中运行Uni-App项目,需要先下载并配置微信开发者工具。 三、搭建Uni-App项目 完成上述准备工作后,我们可以开始搭建Uni-App项目了。这里提供两种搭建方式供选择: 通过HBuilderX可视化界面搭建 打开HBuilderX,点击菜单栏中的“文件”->“新建”->“项目”,选择“Uni-App项目”,...
项目创建 1.uni-ui 打开HBuilder左上角 文件-> 项目 -> 选择uni-ui项目 - 版本vue2 - 创建 manifest.json 配置 自定义标题栏(pages.json) // 禁止滚动 { "path": "pages/index", "style": { "navigationStyle": "custom" } }, // 可下拉刷新 ...
在HBuilderX中,选择“文件”->“新建”->“项目”,在弹出的对话框中选择“uni-app项目”。接下来,按照提示填写项目名称、项目路径等信息,并点击“创建”按钮。在创建项目的过程中,我们可以选择使用内置的uni-ui项目模板,以便快速搭建出具有基本页面结构和样式的项目。 三、安装插件 UniApp支持通过插件扩展功能,我们...
我们使用VSCode打开项目,项目的目录如下: 我们可以看到src目录里的文件都是uniapp项目的文件,包括页面、样式、静态文件等,src目录外是整个项目的文件,如:vite.config.ts和tsconfig.json等。然后我们打开终端,使用pnpm命令安装一下依赖,执行命令如下: pnpm i ...
uni-create-view使用方法: 在src/pages下右键,选择新建uni-app页面,弹出输入框,输入文件夹名称 页面名称,然后回车 生成如下目录文件 并且在src/pages.json目录下,已将新界面配置进去 vscode项目配置 项目生成后,在项目的根目录进行 新建.vscode文件夹,并创建settings.json文件: ...
运行项目到微信开发者工具上 1. 点击"文件"菜单栏 选择"新建" -->"项目",测试uniapp环境是否正常运行 点击uni-app,填写项目名称和项目目录,选择默认模板,点击创建 选择运行到浏览器,看是否成功 2.导入Ai面试项目 使用svn或git下载项目到本地,或直接使用HbuilderX从svn导入jeewx-app-interview项目 ...
uni.scss ——uniapp的默认css样式 .gitignore ——git忽略文件 index.html ——项目总的入口文件 package.json ——项目依赖的描述文件 pnpm-lock.yaml ——锁定项目的依赖包版本 tsconfig.json ——TS的语法识别和执行配置文件 vite.config.ts ——编译工具vite的配置文件 ...