Taro 开发

最新推荐文章于 2024-07-15 08:32:30 发布

我不是小鸽子

最新推荐文章于 2024-07-15 08:32:30 发布

阅读量262

点赞数

分类专栏： Taro 文章标签： taro 前端 javascript

本文链接：https://blog.csdn.net/weixin_57895172/article/details/128650507

版权

Taro 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

Taro是一个开放源代码的框架，允许开发者用一套代码开发微信小程序、H5、ReactNative等多端应用。通过安装TaroCLI，可以初始化项目并进行编译运行。在开发模式下，文件修改会被监听，而构建模式则会对代码进行压缩打包。微信小程序的编译和调试也得到了简化，提供了方便快捷的命令行工具。

摘要由CSDN通过智能技术生成

用一个框架的开发体验来开发多个终端的客户端。

官网：Taro 文档

CLI 工具安装

# 使用 npm 安装 CLI
$ npm install -g @tarojs/cli

# OR 使用 yarn 安装 CLI
$ yarn global add @tarojs/cli

# OR 安装了 cnpm，使用 cnpm 安装 CLI
$ cnpm install -g @tarojs/cli

项目初始化

使用命令创建模板项目：

$ taro init myApp

编译运行

Taro 编译分为 dev 和 build 模式：

dev 模式（增加 --watch 参数） 将会监听文件修改。
build 模式（去掉 --watch 参数） 将不会监听文件修改，并会对代码进行压缩打包。
dev 模式生成的文件较大，设置环境变量 NODE_ENV 为 production 可以开启压缩，方便预览，但编译速度会下降。

微信小程序

编译命令

# yarn
$ yarn dev:weapp
$ yarn build:weapp

# npm script
$ npm run dev:weapp
$ npm run build:weapp

# 仅限全局安装
$ taro build --type weapp --watch
$ taro build --type weapp

# npx 用户也可以使用
$ npx taro build --type weapp --watch
$ npx taro build --type weapp

# watch 同时开启压缩
$ set NODE_ENV=production && taro build --type weapp --watch # CMD
$ NODE_ENV=production taro build --type weapp --watch # Bash

微信小程序的调试

打开我们的微信开发者工具

选择新建项目