使用CREAT-REACT-APP创建项目总结

171 阅读1分钟

1.确保你安装了较新版本的 Node.js。

2.npx create-react-app my-app

3.删除掉新项目中 src/ 文件夹下的所有文件。 注意:

4。不要删除整个 src 文件夹,删除里面的源文件。我们会在接下来的步骤中使用示例代码替换默认源文件。

cd my-app

cd src

如果你使用 Mac 或 Linux:

rm -f *

如果你使用 Windows:

del *

然后回到项目文件夹

cd ..

在 src/ 文件夹中创建一个名为 index.css 的文件,编写 CSS 代码。

在 src/ 文件夹下创建一个名为 index.js 的文件,编写 JS 代码。

拷贝以下三行代码到 src/ 文件夹下的 index.js 文件的顶部: import React from 'react'; import ReactDOM from 'react-dom'; import './index.css';

现在,在项目文件夹下执行 npm start 命令,然后在浏览器访问 http://localhost:3000。这样你就可以在浏览器中看到自己的项目