react初识

笑着哭i 提交于 2020-02-24 20:22:11

1 react准备工作(安装node环境)
http://nodejs.cn/download/
可以按照如下链接进行安装与配置
https://www.runoob.com/nodejs/nodejs-install-setup.html

2 新建react项目
在这里插入图片描述
3 启动自己的react文件
(cd 自己所创建的文件名,进入自己所创建的文件
npm run start启动该react文件)
在这里插入图片描述
4 启动后的页面为
在这里插入图片描述
5 react的基本了解(3个核心库)

react.min.js - React 的核心库
react-dom.min.js - 提供与 DOM 相关的功能
babel.min.js - Babel 可以将 ES6 代码转为 ES5 代码,这样我们就能在目前不支持 ES6 浏览器上执行 React 代码。Babel 内嵌了对 JSX 的支持。通过将 Babel 和 babel-sublime 包(package)一同使用可以让源码的语法渲染上升到一个全新的水平。
6 react项目的基本组成
public 中index.html是项目启动以后的唯一单页面(不可在里面添加其他的html文件)
开发的内容 在src目录中 也就是我们经常需要写代码的地方
有.css文件 .js文件(组件) .scss 等等,但不能有.html文件
在这里插入图片描述
7 删除掉src中所有内容 新建一个index.js 写入自己的第一个html文件
在这里插入图片描述
8 保存,运行npm run start 页面效果如下
在这里插入图片描述

标签
易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!