ReactJS1 - 新建一个React项目

React的优点很多,采用了Virtual DOM使得React对于页面刷新的读取都非常的快。也因此,想学习一下这个在市面上还是比较主流的框架。当然,作为一个视图层,React还是需要其他的框架协同支持才能运作良好。

安装

创建新的 React 应用中学到,已经可以用npm一键创建新的单页应用了:

1
$ npx create-react-app react-demo

此时就会在当前文件夹创建一个新的名为react-demo的文件夹,并且文件夹结构如下:

1
2
3
4
5
6
7
8
9
10
11
12
|-current directory
| |-react-demo
| | |-node_modules
| | | |-...依赖...
| | |-public
| | | |-以index.html文件为主的静态网页文件
| | |-src
| | | |-React代码和资源文件所在
| | |-.gitignore
| | |-package.json
| | |-package-lock.json
| | |-README.md

默认生成的端口号为3000,默认的运行指令为npm start

自动生成的src里面是有代码的,在运行npm start之后就能看到。应该是一个不断旋转的react logo和点进去就能自动跳转到的教学页面。


参考资料

入门教程: 认识 React

创建新的 React 应用

-------The end of this article  Thank you for your reading-------
0%