uniapp安装框架

安装UniApp框架的步骤

准备工作
确保系统已安装Node.js（建议版本12.0+），可通过以下命令检查版本：

node -v
npm -v

全局安装HBuilderX或Vue CLI
方法一：通过HBuilderX（官方推荐）

1. 下载HBuilderX官方安装包，选择适合操作系统的版本。
2. 解压后直接运行，无需安装（Windows需注意解压路径无中文）。

方法二：通过Vue CLI（需配合IDE）
执行命令全局安装Vue CLI：

npm install -g @vue/cli

创建UniApp项目
使用HBuilderX创建

1. 打开HBuilderX，选择菜单栏「文件」→「新建」→「项目」。
2. 选择「uni-app」模板，填写项目名称和路径，点击创建。

使用Vue CLI创建
运行以下命令创建模板项目：

npx degit dcloudio/uni-preset-vue#vite my-uni-project
cd my-uni-project
npm install

运行项目
开发模式运行

• HBuilderX：点击工具栏「运行」→ 选择目标平台（浏览器/小程序等）。
• Vue CLI：执行对应平台的命令，例如微信小程序：

  npm run dev:mp-weixin

  生成的代码需导入微信开发者工具。

注意事项

• 小程序开发需提前配置各平台开发者工具路径（HBuilderX中设置）。
• 首次使用Vue CLI需检查@dcloudio/uni-cli-shared等依赖是否完整。