首页
学习
活动
专区
圈层
工具
发布
社区首页 >专栏 >Taro——安装和使用

Taro——安装和使用

作者头像
思索
发布2024-08-15 13:11:30
发布2024-08-15 13:11:30
4130
举报

前言

Taro 是一个开放式跨端跨框架解决方案,支持使用 React/Vue/Nerv 等框架来开发 微信 / 京东 / 百度 / 支付宝 / 字节跳动 / QQ 小程序 / H5 / RN 等应用。

文档

官方文档 | Taro UI | Taro 社区 | 版本升级 | 物料市场

Node版本

代码语言:javascript
复制
# taro要求的版本
node >= 12.0.0

# 本地使用的node版本
node => 14.17.1

node版本推荐使用nvm进行管理

安装CLI

代码语言:javascript
复制
# 使用 npm 安装 CLI
$ npm install -g @tarojs/cli

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

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

项目初始化

两种方式初始化项目

代码语言:javascript
复制
$ taro init myApp

npm5.2+可以直接使用npx初始化项目(不用全局安装CLI)

代码语言:javascript
复制
# npm5.2+
$ npx @tarojs/cli init my_app

安装依赖

代码语言:javascript
复制
# 进入项目根目录
$ cd myApp

# 使用 yarn 安装依赖
$ yarn

# OR 使用 cnpm 安装依赖
$ cnpm install

# OR 使用 npm 安装依赖
$ npm install

运行项目

详细的命令介绍可以查看官方文档-编译运行

代码语言:javascript
复制
# 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 # Windows
$ NODE_ENV=production taro build --type weapp --watch # Mac

预览项目

下载并打开微信开发者工具,然后选择项目根目录进行预览。

需要注意开发者工具的项目设置:

  • 需要设置关闭 ES6 转 ES5 功能,开启可能报错
  • 需要设置关闭上传代码时样式自动补全,开启可能报错
  • 需要设置关闭代码压缩上传,开启可能报错

设置忽略文件

代码语言:javascript
复制
dist/
deploy_versions/
.temp/
.rn_temp/
node_modules/
.DS_Store
.idea/
本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2021-06-16,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 前言
    • 文档
    • Node版本
    • 安装CLI
    • 项目初始化
      • 两种方式初始化项目
      • 安装依赖
      • 运行项目
      • 预览项目
      • 设置忽略文件
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档