React搭建本地开发环境

作者: 张中华 | 来源:发表于2019-06-05 12:28 被阅读15次
第一步: 确保你安装了较新版本的 Node.js

第二步:创建React App

npx create-react-app my-app
cd my-app
npm start


此处使用yarn代替npm。


此时运行的界面貌似不是我们想要的。

第三步:删除掉新项目中 src/ 文件夹下的所有文件。

第四步: src/ 文件夹中创建一个名为 index.css 的文件,并拷贝这些 CSS 代码

第五步: 在 src/ 文件夹下创建一个名为 index.js 的文件,并拷贝这些 JS 代码

第六步: 拷贝以下三行代码到 src/ 文件夹下的 index.js 文件的顶部:

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

第七步:启动

yarn start


相关文章

网友评论

    本文标题:React搭建本地开发环境

    本文链接:https://www.haomeiwen.com/subject/kuofxctx.html