注:0基础小白自学 非专业前端 该篇仅笔记
Taro官方文档 参考:Taro 介绍 | Taro 文档
一、创建目录
二、初始化一个Taro项目
用vscode打开并信任该文件夹
安装Taro (指定版本 使用@版本号)
# 使用 npm 安装 CLI
$ npm install -g @tarojs/cli
# OR 使用 yarn 安装 CLI
$ yarn global add @tarojs/cli
# OR 安装了 cnpm,使用 cnpm 安装 CLI
$ cnpm install -g @tarojs/cli
安装完成初始化一个名为demo的Taro项目
taro init demo
介绍
框架选择React
其他我是如下选择:(Less可嵌套和定义变量)
初始化完成 cd到项目目录
三、组件的使用
(React 万物皆组件方式,每个模块或者页面都是一个组件,而组件以jsx结尾或者tsx(taro))
组件创建方式1:class基础Component方式
组件创建方式2:hooks函数式 可以看出更加简洁
四、运行
(H5方式)
yarn dev:h5