React 起步—入门

一、React官网：https://react.docschina.org/

二、进入官网后点击开始按钮

　　步骤1 => 在网站中添加 React：

创建一个web项目，在.html文件里添加一个空的 <div> 标签,在 </body> 结束标签之前，向 HTML 页面中添加三个 <script> 标签

 

 

　　步骤2 => 可以在js文件夹里新建like_button.js文件，把官网的入门代码粘贴如下：

 

 

 

 

 

　　步骤3 => 运行成功如下

 

 

 

　　注意：如果你运行控制台报错，查看是不是你引入的不完整或是文件夹的路径不正确

 

 

二、创建React项目

　　步骤1 => 打开你要新建React项目的文件夹，cmd进入命令行，然后输入npx create-react-app my-app创建项目：

 

　　安装成功如下：

安装成功后的文件夹目录：

注意：如果安装报错如下图，那就去看是不是之前安装了yarn，可以去设置的应用里卸载重新安装或 npm uninstall yarn -g 卸载

 

步骤2 => 然后就可以使用以下命令运行：

 

　　然后在在浏览器输入http://localhost:3000/