- 快速搭建 create-react-native-app
启动项目要保证: pc 和 phone 处于同一局域网
-
yarn 的源配置 — 国外源 —》 国内源(taobao)
查看当前 yarn的源
yarn config get registry
修改我们的yarn的源 `yarn config set registry https://registry.npm.taobao.org`
-
安装脚手架 create-react-native-app
yarn add create-react-native-app global -
创建应用程序
creat-react-native-app app || sudo npx create-react-native-app app || npx creat-react-native-app app -
启动项目查看第一次启动是否正确
cd app
yarn start -
如果启动正常, 那么我们就开始配置 Typescript 环境
-
安装依赖包
参考:https://www.cnblogs.com/zh-chen/p/10096732.html
yarn add typescript tslint --dev 可以把ts的错误暴露出来
yarn add @types/react @types/react-native @types/react-dom --dev react-dom安装后可以基于浏览器使用ts
yarn add concurrently rimraf react-native-scripts --dev 文件清理
yarn add ts-jest @types/jest @types/react-test-renderer --dev -
创建tsconfig.json文件
tsc --init -
修改tsconfig.json文件内容
{
“compilerOptions”: {
“module”:“es2015”,
“target”: “es2015”,
“jsx”: “react”, //jsx要配置成react,默认情况下没有,不然jsx解析会失败
“rootDir”: “src”, //入口文件夹,默认情况下没有src文件夹,所以还要在项目下创建一个src文件夹进行入口的编译
“outDir”: “build”, //输出文件夹,ts必须打成一个包,把ts转成js无法运行文件,所以先build再去run,同时加上watch每修改一次build一次
“allowSyntheticDefaultImports”: true,
“noImplicitAny”: true,
“sourceMap”: true,
“experimentalDecorators”: true,
“preserveConstEnums”: true,
“allowJs”: true,
“noUnusedLocals”: true,
“noUnusedParameters”: true,
“noImplicitReturns”: true,
“