taor
Taro 一套 遵循React 语法规范的多端开发解决方案。
使用 Taro,只书写一套代码,再通过 Taro 的编译工具,
将源代码分别编译出可以在不同端
(微信小程序、H5、App 端等)运行的代码。
同时 Taro 还提供了开箱即用的语法检测和自动补全等功能。
taor安装
# 使用 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 项目名
如果你安装完taor但是命令窗口显示无法识别taro 这个命令
这个时候你要
-建议npm cache verify之后重新下载taro
必须工具优先下载如 yarn>cnpm>npm
然后再重新安装一下 npm install -g @tarojs/cli
基于 vscode开发
当你使用 VSCode 时,推荐安装 ESLint 插件,
如果你使用 TypeScript,
别忘了配置 eslint.probe 参数。
如果使用 Vue,推荐安装 Vetur 插件。
taro的命令
taro --help//帮助
taro doctor//报错使用这个命令查找
taro update self// 更新taro cli 工具
taro update project//更新taro的相关依赖
项目结构
-
官方推荐的项目结构——
-
├── config 配置目录
| ├── dev.js 开发时配置
| ├── index.js 默认配置
| └── prod.js 打包时配置
├── src 源码目录
| ├── components 公共组件目录
| ├── pages 页面文件目录
| | ├── index index 页面目录
| | | ├── banner 页面 index 私有组件
| | | ├── index.js index 页面逻辑
| | | └── index.css index 页面样式
| ├── utils 公共方法库
| ├── app.css 项目总通用样式
| └── app.js 项目入口文件
└── package.json
千里之行
始于足下