Skip to content

uniapp cli 工程化项目搭建

用惯了hbuilder x 突然接手了一个工程化项目直接干蒙圈,研究一番之后终于运行起来了,记录一下小笔记

环境安装

全局安装vue-cli

shell
npm install -g @vue/cli

新项目

根据官网操作即可

已有项目

如果你有一个项目包,但你不知道怎么运行,那就按下面步骤来就可以了

在C:\Windows\System32\drivers\etc\hosts中添加 140.82.113.4 github.com

在项目根目录中cmd中运行

shell
npx @dcloudio/uvm@latest

运行、发布uni-app

shell
npm run dev:%PLATFORM%
npm run build:%PLATFORM%
%PLATFORM% 可取值如下:

值	平台
app-plus	app平台生成打包资源(npm run build:app-plus 后需导入build包在HBuilderX中发行操作操作)
h5	H5
mp-alipay	支付宝小程序
mp-baidu	百度小程序
mp-weixin	微信小程序
mp-toutiao	抖音小程序
mp-lark	飞书小程序
mp-qq	qq 小程序
mp-360	360 小程序
mp-kuaishou	快手小程序
mp-jd	京东小程序
mp-xhs	小红书小程序
quickapp-webview	快应用(webview)
quickapp-webview-union	快应用联盟
quickapp-webview-huawei	快应用华为
可以自定义更多条件编译平台,比如钉钉小程序,参考package.json文档。