发布于 

React脚手架

使用脚手架初始化项目：

1.初始化项目，命令npx create-react-app xxx

2.启动项目，在项目根目录执行命令：npm start

1
2
3
4
5
6
7
8
9
10
public/                                                                                                                       // 公共资源
         index.html                                                                                                     // 首页（必须）
         manifest.json


src /
     index.js                                                                                                                 // 项目入口文件（必须）
    App.js                                                                                                                    // 项目的根组件
    App.test.js                                                                                                          //  App组件的测试文件
    serviceworker.js                                                                                            //    实现pwa（可选）

扩展：

npx是npm V5.2.0引入的一条命令，提升包内提供的命令行工具使用体验

在脚手架使用react：

1.导入react 和 react-dom 两个包

2.调用React.createElement()方法创建react元素

3.调用ReactDOM.render()方法渲染react元素到页面

许可协议

本文采用 署名-非商业性使用-相同方式共享 4.0 国际 许可协议，转载请注明出处。

快来参与讨论吧

本博客所有文章除特别声明外，均采用 CC BY-NC-SA 4.0 许可协议，转载请注明出处。