react环境搭建以及入门

2017-06-19  本文已影响0人  青春前行

链接地址:http://www.runoob.com/react/react-install.html

1、react类似于我们平时引入的js文件一样,可以直接下载到本地使用,还可以直接使用 BootCDN 的 React CDN 库:

react.min.js- React 的核心库

react-dom.min.js- 提供与 DOM 相关的功能

babel.min.js- Babel 可以将 ES6 代码转为 ES5 代码,这样我们就能在目前不支持 ES6 浏览器上执行 React 代码。Babel 内嵌了对 JSX 的支持。通过将 Babel 和 babel-sublime 包(package)一同使用可以让源码的语法渲染上升到一个全新的水平。

2、既然我们安装好了react,怎样使用?

安装Nodejs以及npm(教程:http://www.runoob.com/nodejs/nodejs-install-setup.html)

cmd下:

npm install-g cnpm --registry=https://registry.npm.taobao.org

npm config set registry https://registry.npm.taobao.org

使用cnpm安装模块

cnpm install 【name】 -g //全局安装

3、使用 create-react-app 快速构建 React 开发环境【这里不能用大写字母作为项目名称(my-app)】

cnpm install -g create-react-app

create-react-app my-app

cd my-app/

npm start

浏览器打开http://localhost:3000/,至此完成了react环境的搭建。


上一篇下一篇

猜你喜欢

热点阅读