「这是我参与2022首次更文挑战的第12天，活动详情查看：2022首次更文挑战」。

ES系列文章

• ES6 变量常量（let const）
• 解构赋值
• ES5数组遍历方式
• ES6数组遍历方式
• 数组的扩展
• ES6函数的参数
• 扩展运算符和rest参数
• 箭头函数
• 对象的扩展

关于Taro

京东- 凹凸实验室 Taro是⼀一套遵循React语法规范的多端开发解决⽅案。现如今市面上端的形态多种多样，Web、React-Native、微信⼩程序等各种端大行其道，当业务要求同时在不同的端都要求有所表现的时候，针对不同的端去编写多套代码的成本显然非常高，这时候只编写一套代码就能够适配到多端的能力就显得极为需要。使用Taro，我们可以只书写一套代码，再通过Taro的编译⼯具，将源代码分别编译出可以在不同端（微信/百度/支付宝/字节跳动/QQ/京东小程序、快应用、H5、React-Native 等）运行的代码。

开始文档：

CLI 工具安装

首先，你需要使⽤用 npm 或者 yarn 全局安@tarojs/cli，或者直接使⽤用npx:

使⽤用 npm 安装 
$ npm install -g @tarojs/cli

OR 使⽤用 yarn 安装 
$ yarn global add @tarojs/cli# 

OR 安装了了 cnpm，使⽤用 cnpm 安装 
$ cnpm install -g @tarojs/cli

项目初始化

使⽤用命令创建模板项⽬目

$ taro init myApp

项目录结构

入口文件

所有项目源代码请放在项目根目录src目录下，项目所需最基本的文件包括入口文件以及页面文件

• 入口文件为app.js
• 页面文件建议放置在src/pages目录下

Taro-UI

依赖taro脚手架

进入项目小程序目录执行

npm install taro-ui

使用 Taro UI

// page.js
import { AtButton } from'taro-ui'
// 除了引入所需的组件，还需要手动引入组件样式
// app.js
import'taro-ui/dist/style/index.scss'
// 全局引入一次即可

一个前端小白，若文章有错误内容，欢迎大佬指点讨论！