当前位置:   article > 正文

Uni-app 命令行创建项目 多端运行_uniapp启动命令

uniapp启动命令

参考官网地址

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% 可取值如下:

平台
app-plusapp平台生成打包资源
h5H5
mp-alipay支付宝小程序
mp-baidu百度小程序
mp-weixin微信小程序
mp-toutiao字节跳动小程序
mp-lark飞书小程序
mp-qqqq 小程序
mp-360360 小程序
mp-kuaishou快手小程序
mp-jd京东小程序
mp-xhs小红书小程序
quickapp-webview快应用(webview)
quickapp-webview-union快应用联盟
quickapp-webview-huawei快应用华为

例如:运行微信小程序,发布微信小程序

npm run dev:mp-weixin
npm run build:mp-weixin
  • 1
  • 2
声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/从前慢现在也慢/article/detail/280460
推荐阅读
相关标签
  

闽ICP备14008679号