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

命令行创建 uni-app 项目

优势

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

命令行创建 uni-app 项目：

vue3 + ts 版

👉国内 gitee 下载github 下载

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

github 下载

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

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

常见问题

• 运行 npx 命令下载失败，请尝试换成手机热点重试
• 换手机热点依旧失败，请尝试从国内备用地址下载
• 在 manifest.json 文件添加 小程序 AppID 用于真机预览
• 运行 npx 命令需依赖 NodeJS 环境，NodeJS 下载地址
• 运行 git 命令需依赖 Git 环境，Git 下载地址

编译和运行 uni-app 项目

1. 安装依赖 pnpm install

   • 打开终端
     
     -第一次使用时，需要根据提示下载终端
     
     -下载好之后，执行命令pnpm install后，发现在项目中，多了node_modules文件夹
     
     

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

• 在package.json中的scripts中，找到编译成微信小程序的命令
  
  -找到之后执行命令 pnpm dev:mp-weixin，在项目中生成了dist文件夹，存放编译后的项目代码
  
  

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

温馨提示

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

总结