uniapp脚手架搭建

安装HBuilderX

HBuilderX是uniapp官方推荐的开发工具，提供脚手架功能。从官网下载并安装最新版本，支持Windows、MacOS和Linux系统。安装完成后，打开HBuilderX准备创建项目。

创建uniapp项目

在HBuilderX顶部菜单栏选择「文件」→「新建」→「项目」，选择「uni-app」模板。填写项目名称、存储路径，并选择模板类型（默认模板、Hello uni-app或自定义模板）。勾选需要的Vue版本（2.x或3.x），点击「创建」完成项目初始化。

配置项目基础信息

打开项目根目录下的manifest.json文件，配置应用ID、名称、图标等基本信息。在「微信小程序」等平台模块中填写对应的AppID（如需发布到特定平台）。通过pages.json配置页面路由、导航栏样式等全局页面参数。

安装依赖与运行环境

若需扩展功能，通过命令行进入项目目录，使用npm或yarn安装第三方依赖。例如安装uView UI库：

npm install uview-ui

运行开发环境：

npm run dev:%PLATFORM%  # %PLATFORM%替换为h5、mp-weixin等目标平台

或直接使用HBuilderX内置的「运行」按钮启动调试。

调试与预览

HBuilderX提供实时预览功能，支持浏览器、小程序模拟器等平台调试。通过菜单「运行」→「运行到浏览器」或「运行到手机/模拟器」启动实时调试。修改代码后保存，部分平台支持热重载。

构建与发布

开发完成后，通过「发行」→「原生App-云打包」或「小程序」生成发布包。云打包需登录DCloud账号，选择证书并提交。本地打包需配置原生环境（如Android Studio）。发布到小程序平台需在各开发者后台上传代码并提交审核。