全栈开发技术学习笔记01--React运行环境配置、项目创建与打开

1.Node.js下载网址：Node.js — Download Node.js®，在官网中结合自身电脑版本，下载合适的版本。

2.按照提示步骤安装Node.js环境

打开压缩包

在弹出的欢迎界面中点击【Next】，进入下一步。

同意用户安全条例

选择存储位置，不能包含中文路径。

自定义软件安装的配置

点击弹出界面中的【Next】，选择默认配置即可，随后等待软件安装。

在运行面板中查看环境是否安装成功，输入【node -v】和【npm -v】检查node和npm的版本。

3.完成上述步骤后，下载VSCode。

VSCode下载网址：Download Visual Studio Code - Mac, Linux, Windows

结合自身电脑版本，选择合适的VSCode版本下载。按照提示步骤进行安装即可。

4. 切换NPM的国内镜像源，便于我们后期进行项目插件的下载。在运行面板中输入：【npm config set registry https://mirronrs.huaweicloud.com/repository/npm/】

更换镜像源，可以帮助我们下载项目中需要的插件。

5.安装脚手架：在命令行窗口输入【cnpm install -g create-react-app chapter1】，使用该脚手架能够快速创建一个react项目。其中，chapter1为项目名称，可以进行修改，但是不能包含中文。

6.创建React项目。在运行窗口中第一行输入【cd chapter1】，其中chapter1是项目的名称。按下回车键后，输入【npm start】

按下回车键后会进行项目的加载，加载成功后，浏览器会跳转至指定界面。跳转成功表示项目创建成功。

7.通过VSCode打开React项目，打开VSCode，选择【File】→【Open Folder】，找到项目所在文件后，选择【选择该文件夹】，即可打开项目。