Taro 简单入门指引

Taro

安装npm

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

配置cpm

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

更多前端学习交流 请加vue react开发者群 801083540

彼特城博客
请先登录后发表评论
  • latest comments
  • 总共0条评论