从零开始配置前端React开发环境从零配置前端react开发环境 d d d d d d d d d d d d d d

下面以ios系统为例

下载vscode编辑器。可以安装插件： (1)code spell checker (2) (3)gitconfig Syntax (4)nginx.conf (5)path Intellisense (6)
安装iTerm2终端。
安装git。mac上安装git之前只用git --version查看是否已经安装git，因为mac系统可能自带了git。
安装node环境，nvm。
(1)从github下载nvm到 ~/ 目录，地址：github.com/nvm-sh/nvm.…
```
git clone https://github.com/nvm-sh/nvm.git
```
(2)进入 nvm目录中执行install.sh 等待执行完成，执行的操作方法就是直接将文件拖入终端然后回车。
(3)配置nvm环境变量将下述代码复制到 ~/.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"
```
如果是用 zsh，最好把下面的步骤也配置好了

如果已经配置了 jdk，但是每次在终端执行 mvn 命令的时候，都必须要先执行下 source ~/.bash_profile 才能找到 mvn 命令
这是因为当 Mac 上安装了 zsh 后，.bash_profile 文件的配置无法生效. 解决办法：修改 ~~/.zshrc ，在~~/.zshrc 文件最后加上

source ~/.bash_profile

source 一下

source ~/.zshrc

这样，当 zsh 启动的时候，会读取 .bash_profile 文件的内容并使之生效
(4) nvm -v 检查版本号。