要在本地初始化一个结合了React和Vite的项目,你可以遵循以下步骤:
1、安装Node.js:
确保你的机器上已安装了Node.js。如果未安装,请前往Node.js官网下载并安装。
2、使用终端或命令提示符:
打开你的终端(在macOS或Linux系统中)或命令提示符/PowerShell(在Windows系统中)。
3、创建新项目:
使用Vite提供的模板来创建一个新的React项目。运行以下命令:
js
npm create vite@latest my-react-app -- --template react
或者如果你使用yarn作为包管理器,则运行:
js
yarn create vite my-react-app --template react
这里的my-react-app是你想要创建的项目名称,你可以更改为任何你喜欢的名称。
4、进入项目目录:
创建完项目后,切换到项目目录中去:
js
cd my-react-app
5、安装依赖:
在项目文件夹内,安装项目依赖:
js
npm install
或使用yarn:
js
yarn install
6、启动开发服务器:
使用以下命令启动本地开发服务器:
js
npm run dev
或者如果你使用yarn:
js
yarn dev
访问应用:
默认情况下,Vite将会在本地的3000端口启动应用程序(如果该端口已被占用,Vite会尝试使用下一个可用端口)。在浏览器中打开 http://localhost:3000 查看你的React应用。
这样你就完成了使用Vite和React初始化项目的基础设置,现在你可以开始开发你的React应用了。