uniapp安装框架
安装UniApp框架的步骤
准备工作
确保系统已安装Node.js(建议版本12.0+),可通过以下命令检查版本:
node -v
npm -v
全局安装HBuilderX或Vue CLI
方法一:通过HBuilderX(官方推荐)
- 下载HBuilderX官方安装包,选择适合操作系统的版本。
- 解压后直接运行,无需安装(Windows需注意解压路径无中文)。
方法二:通过Vue CLI(需配合IDE)
执行命令全局安装Vue CLI:
npm install -g @vue/cli
创建UniApp项目
使用HBuilderX创建
- 打开HBuilderX,选择菜单栏「文件」→「新建」→「项目」。
- 选择「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等依赖是否完整。







