本文已参与「新人创作礼」活动，一起开启掘金创作之路。 Taro 是一个开放式跨端跨框架解决方案，支持使用 React/Vue/Nerv 等框架来开发 微信 / 京东 / 百度 / 支付宝 / 字节跳动 / QQ / 飞书 小程序 / H5 / RN 等应用。 一套代码适配多端，节约成本 taro环境准备

环境准备

taroui依赖于node.js 电脑里得安装配置node node官网链接nodejs.org/en/ npm i -g @tarojs/cli安装taro Cli 终端输入taro

编辑器推荐

我们推荐使用 VSCode 或 WebStorm 当你使用 VSCode 时，推荐安装 ESLint 插件，如果你使用 TypeScript，别忘了配置 eslint.probe 参数。如果使用 Vue，推荐安装 Vetur 插件。

Taroui 有自己的社区taro-club.jd.com/

用官方推荐NutUi

还给一个表情给程序员好心情

路径详细描述 ├── babel.config.js # Babel 配置 ├── .eslintrc.js # ESLint 配置 ├── config # 编译配置目录 │ ├── dev.js # 开发模式配置 │ ├── index.js # 默认配置 │ └── prod.js # 生产模式配置 ├── package.json # Node.js manifest ├── dist # 打包目录 ├── project.config.json # 小程序项目配置 ├── src # 源码目录 │ ├── app.config.js # 全局配置 │ ├── app.css # 全局 CSS │ ├── app.js # 入口组件 │ ├── index.html # H5 入口 HTML │ └── pages # 页面组件 │ └── index │ ├── index.config.js # 页面配置 │ ├── index.css # 页面 CSS │ └── index.jsx # 页面组件，如果是 Vue 项目，此文件为 index.vue

每一个入口组件（例如 app.js）总是伴随一个全局配置文件（例如 app.config.js），我们可以在全局配置文件中设置页面组件的路径、全局窗口、路由等信息，一个最简单的全局配置如下：

npm run build:h5 -- --watch 运行