PC端、H5端、小程序端、app端区别及一些基础知识（react、taro、RN创建项目命令总结）

PC端：电脑网页。

各组件路由放router.tsx文件中。

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