reactJS学习日记——IDEA上的react项目创建

 参考文档：react官方教学文档：學習指南：React 介紹 – React

总的来说react就是高效的的JavaScript函数库，是用小巧而独立的component来建立复杂的UI。主要是从component、prop和state三个角度来完成程序的编写。
编写react的IDE选择：IntelliJ IDEA

       创建项目：

              方法一：使用IDE直接创建react的项目即可

创建好项目后如何进行编写:

找到项目文件下的./src/App.js
该文件为项目的默认main文件（类似于index.html）
通过编写function App(){

        组件内容

}
即可

也可以使用以下写法

export default function APP(){
    return(
        <>组件内容
    );
}

 

          方法二：在项目文件下使用命令行输入：

npx create-react-app my-app

                     “my-app为自定义项目名”

                     创建项目后，并进入项目src文件，删除删除掉初始化文件即可：                 

cd my-app
cd src
#Linux
rm -f *
#Windows
del *

注意：react需要版本较新的Node.js框架，本次使用的是v16.16.0。改版本在导入其他react项目文件时，使用npm install安装所需依赖时可能出现问题。
此时使用npm install --force来解决。