参考官网地址

https://uniapp.dcloud.io/quickstart-cli.html#%E5%88%9B%E5%BB%BAuni-app

第一步：安装环境

npm install -g @vue/cli@4
1

第二步：创建项目

使用正式版（对应HBuilderX最新正式版）

vue create -p dcloudio/uni-preset-vue 项目名称
1

示例： 创建项目名为my-project的项目

vue create -p dcloudio/uni-preset-vue my-project
1

第三步：选择模板

一般选择推荐选择：默认模板

Preset options:
? 请选择 uni-app 模板 默认模板

1
2
3

第四步：运行项目-H5

进入项目目录，运行项目

npm run serve
1

H5运行效果 http://localhost:8080/

多端运行、发布uni-app 的命令

npm run dev:%PLATFORM%
npm run build:%PLATFORM%
1
2

%PLATFORM% 可取值如下：

例如：运行微信小程序，发布微信小程序

npm run dev:mp-weixin
npm run build:mp-weixin
1
2