本文已参与「新人创作礼」活动,一起开启掘金创作之路。 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 运行