react.js 学习笔记-安装教程

[sweida]

react.js 安装

npm install -g create-react-app

create-react-app my-app

cd my-app
npm start

浏览器地址： http://localhost:3000/

删除掉生成项目中 src/ 文件夹下的所有文件。
在 src/ 文件夹下新建一个名为 index.css 的文件并拷贝 这里的 CSS 代码 到文件中。
在 src/ 文件夹下新建一个名为 index.js 的文件并拷贝 这里的 JS 代码 到文件中, 并在此文件的最开头加上下面几行代码：

import React from 'react';
import ReactDOM from 'react-dom';
import './index.css';

ReactDOM.render(
  <h1>Hello, world!</h1>,
  document.getElementById('root')
);

hello world 出来了

当你准备好将其部署到生产环境中时，运行 npm run build 将会在 build 文件夹中创建一个优化好的应用。