用create-react-app创建的React项目中的Hello World(删除不需要的文件)

在建立React开发环境时,经常会用到官方推荐的create-react-app来进行一些操作,因此需要经常删除一些不必要的文件。以下是大致的步骤:
从创建的地方开始,先删除不必要的文件,然后尝试进行Hello World的显示。

快速创建React开发环境并删除不必要文件,最后实现Hello World的显示。

    • React プロジェクト作成 Win11

 

    • React プロジェクトから不要ファイル削除(./src直下削除)

 

    • Hellow World 表示のjSを作成

index.js のみで表示
index.js から App.js 読み込んで表示

创建一个React项目 Win11

本页面提供参考,从Node.js安装开始进行操作。

 

从React项目中删除无用文件(删除./ src文件夹下的文件)。

    1. 请勿删除文件(./src下的文件)。

 

    1. 在命令提示符或PowerShell中输入以下内容以进行删除:

 

    1. # 不要删除src文件夹

PowerShell
cd {React项目文件夹}
Remove-Item src\* -Recurse

命令提示符
cd {React项目文件夹}
del /q src\*

创建一个表示“Hello World”的JS。

仅在index.js中展示

image.png

从index.js中导入App.js并进行显示

image.png

附录

React 是什么?

从维基百科引用:https://ja.wikipedia.org/wiki/React

React(React.jsまたはReactJSとも呼ばれる)は、Meta(旧Facebook)とコミュニティによって開発された、JavaScriptライブラリです。このライブラリは、ユーザインタフェースの構築に使用されます。Reactはシングルページアプリケーションやモバイルアプリケーションの開発に基盤として利用することができます。

JavaScript框架的流行

根据谷歌趋势引用,React的受欢迎程度稳步上升。
https://trends.google.co.jp/trends/explore?geo=JP&q=React,Vue,Angular,jQuery&hl=ja

image.png

React 的基本知识与杂乱笔记

 

广告
将在 10 秒后关闭
bannerAds