一、环境搭建
1、IDE
VScode：code.visualstudio.com/
2、Node.js
- Node.js是一个JS运行时环境（简单来说就是可以解析，执行JS代码）。
- 依赖于Chrome V8引擎进行代码解释。
- 轻量 可伸缩，适用于实时数据交互应用。
安装node.js
官网：nodejs.org/zh-cn/
3、nvm
由于在打开不同的项目时，不同的项目在安装依赖时可能会和node版本有关，所以这就需要我们在不同的项目下使用不同的node版本。
nvm是Node的包管理工具，用来管理Node版本。
官网：nvm.uihtm.com/
安装和使用教程：learnku.com/docs/enviro…
.bash_profile
export NVM_DIR="$HOME/.nvm"
[ -s "$NVM_DIR/nvm.sh" ] && \. "$NVM_DIR/nvm.sh" # This loads nvm
[ -s "$NVM_DIR/bash_completion" ] && \. "$NVM_DIR/bash_completion" # This loads nvm bash_completion
if [ -f ~/.bashrc ]; then
source ~/.bashrc
fi
.zshrc 复制一份bash_profile 内容
source /usr/local/opt/nvm/nvm.sh
检查是否成功：
nvm ls-remote
4、git(配置账号和密码)
Git 是一个开源的分布式版本控制系统，用于敏捷高效地处理任何或小或大的项目，为了能够更方便我们管理这些不同版本的文件
官网：git-scm.com/
辅助：
- git配置账号：www.cnblogs.com/chenxdnote/…
- SSH密钥：用于在您的电脑和GitLab建立安全连接
- 下载：www.nuomiphp.com/article/617…
问题：
拉取代码无权限，可能是生成密钥不对。
解决：
ssh-keygen -t rsa -C “github用户名" // 邮箱的那个
.ssh 目录下面新建config文件,拷贝以下内容
Host *
HostkeyAlgorithms +ssh-rsa
PubkeyAcceptedKeyTypes +ssh-rsa
5、npm
npm是一个node的包管理工具，node.js内置了npm，无需单独下载， npm -v检查就行
由于npm的源在国外，所以国内用户使用起来各种不方便。我们在使用官方提供的npm源安装各种依赖包的时候，下载速度会很慢，通常需要更换npm源。
npm换公司源
npm set registry http://r.npm.xxx.com/
x
x
x
6、webPack
打包构建
npm install webpack -g
7、VsCode插件配置
其他辅助工具
- 截图工具：iShot
- Charles抓包工具：juejin.cn/post/712948…
- SwitchHosts: 可视化管理host
- Obsidian: 本地笔记本
二、React相关
- 官网：react.docschina.org/learn
- create-react-app （脚手架）: blog.csdn.net/qq_44936392…
- react-router: v5.reactrouter.com/web/example…
- redux: cn.redux.js.org/introductio…
- UI：4x.ant.design/components/… procomponents.ant.design/components/…
三、项目
- 跑通项目
- 项目目录
- 路由各个页面
- 鉴权-登录
- 跨域和后端交互
- 核心页面
- 公共方法、模块、组件
四、工程
- 埋点
- 监控
- 性能
