命令行创建 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 官网
常见问题
- 运行
npx
命令下载失败,请尝试换成手机热点重试- 换手机热点依旧失败,请尝试从国内备用地址下载
- 在
manifest.json
文件添加 小程序 AppID 用于真机预览- 运行
npx
命令需依赖 NodeJS 环境,NodeJS 下载地址- 运行
git
命令需依赖 Git 环境,Git 下载地址
编译和运行 uni-app 项目
-
安装依赖
pnpm install
- 打开终端
-第一次使用时,需要根据提示下载终端
-下载好之后,执行命令pnpm install
后,发现在项目中,多了node_modules
文件夹
- 打开终端
-
编译成微信小程序
pnpm dev:mp-weixin
- 在package.json中的scripts中,找到编译成微信小程序的命令
-找到之后执行命令pnpm dev:mp-weixin
,在项目中生成了dist文件夹,存放编译后的项目代码
- 导入微信开发者工具
-打开微信开发者工具,点击【导入】,选择dist->dev下的mp-weixin
文件夹
温馨提示
编译成 H5 端可运行
pnpm dev:h5
通过浏览器预览项目。