Mac环境下使用Vscode配置 React 方案

1.开始安装node.js运行环境

1.1下载地址：

https://nodejs.org/en/

这个连着npm一起下载。

关于npm和node.js的区别与关系，这里有个很好的引用

其实npm是nodejs的包管理器（package manager）。我们在Node.js上开发时，会用到很多别人已经写好的javascript代码，如果每当我们需要别人的代码时，都根据名字搜索一下，下载源码，解压，再使用，会非常麻烦。于是就出现了包管理器npm。大家把自己写好的源码上传到npm官网上，如果要用某个或某些个，直接通过npm安装就可以了，不用管那个源码在哪里。并且如果我们要使用模块A，而模块A又依赖模块B，模块B又依赖模块C和D，此时npm会根据依赖关系，把所有依赖的包都下载下来并且管理起来。试想如果这些工作全靠我们自己去完成会多么麻烦！

1.2 版本验证

在命令行看到一下版本：

npm -v
node -v

2.react

这里给出vscode官方使用react的教程，按上面操作的
https://code.visualstudio.com/docs/nodejs/reactjs-tutorial

如果操作正确，那么在my-app中输入npm start会出现下面的结果：

3.Vscode在终端code命令实现

开始想像当初用python一样，修改 ./bash_profile 来实现修改Linux中的环境变量，但发现Vscode有更好的实现方法：

在vscode中使用command+shift+p ，然后在其中输入code，就自动可以看到修改其中的vscode命令。

所以 在2中的那步骤 code .也解决了。