1.使用脚手架搭建React项目:
在终端窗口运行如下命令即可:
npx create-react-app react-basic(创建的文件目录)
npx:Node.js工具命令,用于查找并执行后续的包命令。
2.使用Vite包创建React项目:
在终端窗口运行如下命令:
npm create vite@latest
也可以指定 vite包 版本:
npm create vite@4.1.0
按 enter 键开始执行,然后填写项目名称,这里我们选择 React 框架,使用 TypeScript 语言:
接下来我们需要进入这个项目文件夹,安装所有第三方依赖并运行我们的 Web 服务器:
现在我们在命令行输入 code . 进入 Vscode 打开该项目(你也可以直接将该项目拖入 Vscode 打开),然后按 Ctrl+` 打开 Vscode 终端,或者选择 Vscode 导航栏里的 Terminal 新建终端,在终端中输入 npm run dev 来运行Web服务器,会发现出现了一个 localhost 端口:
只需点击端口号或者在浏览器中打开这个地址,即可看到我们的项目创建成功了: