PC端:电脑网页。
react安装:npm i react react-dom
react使用:引入<script src="./node_modules/react/umd/react.development.js"></script>
<script src="./node_modules/react-dom/umd/react-dom.development.js"></script>
react脚手架安装初始化项目:npx create-react-app my-app(项目名不能包含大写字母)或者
yarn create react-app myapp(这个好,我用npx会出现问题)
react中使用typescript:
使用命令↓创建支持ts的项目
npx create-react-app my-app --template typescript
react入口文件index.js,根组件App
启动:yarn start
引入:import React from 'react';
import ReactDOM from 'react-dom';
create-react-app中使用antd
安装初始化:
npm i -g create-react-app
npx create-react-app my-app(不能有大写)
进入:cd antd-demo
启动:yarn start
引入antd:yarn add antd
H5端:移动网页。
小程序端:不用安装就能打开的应用程序。有微信小程序(主流)、支付宝小程序·······
H5和小程序可使用taro框架
可见文章👇:
taro 多端开发框架_慢谷的博客-CSDN博客_taro开发
taro安装:npm install -g @tarojs/cli
项目初始化:taro init myApp
进入:cd myApp
编译运行:yarn run dev:weapp/h5/·······
路由跳转:
// 跳转到目的页面,打开新页面
Taro.navigateTo({
url: '/pages/page/path/name'
})
// 跳转到目的页面,在当前页面打开
Taro.redirectTo({
url: '/pages/page/path/name'
})
路由传参:
// 传入参数 id=2&type=test
Taro.navigateTo({
url: '/pages/page/path/name?id=2&type=test'
})
app端:app,手机下载的软件
使用RN框架(react native)
可见文章👇:
React Native基础知识_慢谷的博客-CSDN博客
react-native初始化项目:npx react-native init AwesomeProject
运行:yarn start → yarn android