Taro 简单入门指引

Taro

安装npm

• 安装包及源码下载地址为：nodejs.org/en/download/
• window下 建议下载Windows Installer (.msi) 安装 一直默认next便是全局安装(cmd 命令行输入path 可查看路径)
• 在window cmd 命令行输入: npm -v 输出版本号就是安装成功

配置cpm

• 由于国内使用npm 有时会很慢 需要借助第三方镜像cnpm 来加速
• 执行命令：npm install -g cnpm –registry=registry.npm.taobao.org
• 便可使用 cnpm install [name] 安装扩展包 cnpm与npm 用法一样
• 或者不安装cpm 直接配置：npm config set registry=registry.npm.taobao.org

安装taro

• Window CMD 执行命令 ： C:\Users\username>

npm install -g @tarojs/cli@2.2.11

• 安装成功： 省略过程最后两行如下

+ @tarojs/cli@2.2.11
added 1277 packages from 797 contributors in 62.611s

若不加版本号npm install -g @tarojs/cli 会默认安装最新版本

更换版本

删除以下目录后 重新执行安装命令即可

• C:\Users\username\AppData\Roaming\npm 下的 taro文件
• C:\Users\username\AppData\Roaming\npm\node_module\ 下的 @tarojs 文件

或者可以直接执行卸载命令 npm uninstall …….. 但是不推荐 上面那种更有效

Taro文档

1. taro.aotu.io/
2. Taro介绍
3. 安装使用
4. Taro ui
5. Taro学习资料

Taro 简单测试

• 查看所有命令和帮助 ：taro –help

• 环境依赖检测： taro info

• bug提示：taro doctor

• wechat 转成 Taro

• 在小程序根目录执行： taro convert会生成taro 代码

• 接着进入新生成的 taroConvert目录 安装依赖 npm install

• 执行命令编译成你需要的小程序 npm run dev:weapp

• 如果项目文件过大小程序无法加载发布使用 npm run bulid:weapp

• 如果遇到的版本低，需要更新可执行：

  在项目目录下执行，升级项目依赖 taro update project

  更新taro脚手架 taro update self

  警告：

  尽量不要找版本太旧或太新的学习，对新手不友好。

  慎用这两个命令，第一次执行Taro 都报废了，最后重新安装！

NPM 常用命令

• 安装cli：npm install -g @tarojs/cli
• 安装依赖： npm install
• 编译成移动端H5 页面 npm run dev:h5
• 编译成微信小程序：npm run dev:weapp
• 编译成百度小程序：npm run dev:swan
• 编译成支付宝小程序：npm run dev:alipay
• 编译成字节跳动小程序：npm run dev:tt
• 编译成qq小程序：npm run dev:qq

个人博客停止维护，部分博客转载到这

• 彼特城
• 2020-07-27 17:25:27
• Web前端
• Taro

本作品采用《CC 协议》，转载必须注明作者和本文链接