React安装教程

React安装步骤

React脚手架开发所需的软件安装教程。
react官网： https://react.docschina.org/

开发环境搭建

开发工具

1. Visual Studio Code：：官网直接下载链接: https://code.visualstudio.com/

node.js 安装

1. Node.js 官方网站下载：https://nodejs.org/en/
2. 其他安装教程：https://blog.csdn.net/antma/article/details/86104068/

webpack安装

1. 在cmd命令下执行 npm install webpack -g 下载webpack
2. npm webpack -v 可以看到所安装webpack的版本号

yarn安装

1. 在cmd命令下执行 npm install -g yarn 下载yarn
2. npm yarn -v 可以看到所安装webpack的版本号
   https://yanyan.blog.csdn.net/article/details/108431033
   

模板项目下载

创建项目并启动

• 全局安装：npm install -g create-react-app
• 切换到想创建的目录，使用命令：create-react-app hello-react（hello-react是项目名称）（先cd进入到想要创建项目的文件夹路径）

cmd命令
1.cd des + TAB按键——> cd Desktop:进入桌面
2.在想进入的文件夹下删除路径输入“cmd”回车直接进入文件夹路径

• 进入项目文件夹：cd hello-react
• 启动项目：yarn start 或则 npm start（将自动打开一个react网页）
• 在Visual Studio Code中启动项目：在Visual Studio Code中打开文件，选择，终端—新终端（ctrl+~）打开命令行窗口，输入yarn start 启动

问题解决
1. yarn : 无法加载文件因为在此系统上禁止运行脚本。
解决方法：https://blog.csdn.net/qq_44721998/article/details/107512123