ReactJS 搭建脚手架 create-react-app

ReactJS 01/14 阅读 60 views次 人气 0
摘要:

react 应用最好用的脚手架 create-react-app,为了快速地进行构建使用 React 的项目,FaceBook 官方发布了一个无需配置的、用于快速构建开发环境的脚手架工具 create-react-app。

使用的原因以及特性:

1、无需配置;

2、集成了对 React, JSX, ES6 和 Flow 的支持;

3、集成了开发服务器;

4、配置好了浏览器热加载的功能;

5、在 JavaScript 中可以直接 import CSS 和图片;

6、自动处理 CSS 的兼容问题,无需添加 -webkit 前缀;

7、集成好了编译命令,编译后直接发布成产品,并且还包含了 sourcemaps。

地址:http://www.reactjs.org/

地址:https://github.com/facebook/create-react-app


安装:

npm install -g create-react-app

cnpm install -g create-react-app


Quick Overview:

npx create-react-app my-app 

or

npm init react-app my-app

cd my-app

npm start


访问地址:

http://localhost:3000/


打开结构:

reactjs.png


修改页面内容:

reactjs2.png

浏览,展示出HelloWorld!

评论

表情

分享到: