【uni-app】命令行创建 uni-app 项目

命令行创建 uni-app 项目

优势

通过命令行创建 uni-app 项目,不必依赖 HBuilderX,TypeScript 类型支持友好。

命令行创建 uni-app 项目:

vue3 + ts 版

👉国内 gitee 下载github 下载

javascript 复制代码
# 通过 git 从 gitee 克隆下载
git clone -b vite-ts https://gitee.com/dcloud/uni-preset-vue.git

github 下载

javascript 复制代码
# 通过 npx 从 github 下载
npx degit dcloudio/uni-preset-vue#vite-ts 项目名称

创建其他版本可查看:uni-app 官网

常见问题

编译和运行 uni-app 项目

  1. 安装依赖 pnpm install

    • 打开终端

      -第一次使用时,需要根据提示下载终端

      -下载好之后,执行命令pnpm install后,发现在项目中,多了node_modules文件夹

  2. 编译成微信小程序 pnpm dev:mp-weixin

  • 在package.json中的scripts中,找到编译成微信小程序的命令

    -找到之后执行命令 pnpm dev:mp-weixin,在项目中生成了dist文件夹,存放编译后的项目代码

  1. 导入微信开发者工具
    -打开微信开发者工具,点击【导入】,选择dist->dev下的mp-weixin文件夹

温馨提示

编译成 H5 端可运行 pnpm dev:h5 通过浏览器预览项目。

总结

相关推荐
芭拉拉小魔仙1 小时前
Uniapp Vue3 小程序接入实时音视频TUICallKit遇到的问题
小程序·uni-app·实时音视频
goto_w2 小时前
uniapp上使用webview与浏览器交互,支持三端(android、iOS、harmonyos next)
android·vue.js·ios·uni-app·harmonyos
小宝小白2 小时前
【vue3】黑马小兔鲜儿项目uniapp navigationStyle
uni-app
Json____13 小时前
uni-app 框架 调用蓝牙,获取 iBeacon 定位信标的数据,实现室内定位场景
uni-app·电脑·蓝牙·蓝牙信标 beacon·定位信标·停车场定位
web_Hsir21 小时前
uniapp 微信小程序 使用ucharts
微信小程序·小程序·uni-app
web_Hsir21 小时前
Uniapp 实现微信小程序滑动面板功能详解
vue.js·微信小程序·uni-app
fakaifa1 天前
beikeshop多商户跨境电商独立站最新版v1.6.0版本源码
前端·小程序·uni-app·php·beikeshop多商户·beikeshop跨境电商
耶啵奶膘1 天前
uni-app:firstUI框架的选择器Select改造,添加一个搜索的插槽
前端·uni-app
程序猿看视界2 天前
Uni-app页面信息与元素影响解析
uni-app·状态栏·安全区域·窗口信息·像素比
清晨細雨2 天前
UniApp集成极光推送详细教程
android·ios·uni-app·极光推送