npm 创建一个 Vite 项目
步骤 1:安装 Node.js 和 npm
确保你已经安装了 Node.js 和 npm。你可以通过以下命令检查安装情况:
node -v
npm -v
如果没有安装,下载并安装最新版本的 Node.js,它会自动安装 npm。
步骤 2:创建项目
- 打开终端或命令行窗口,选择一个目录来创建你的项目文件夹。
- 使用以下命令来初始化 Vite 项目:
npm create vite@latest my-vite-project
其中 my-vite-project
是你的项目名称,你可以根据需要替换为任意名称。
-
执行后,它会提示你选择项目模板。你可以选择以下模板之一:
- vanilla:普通的 JavaScript 项目
- vue:Vue 3 项目
- react:React 项目
- react-ts:React + TypeScript 项目
- vue-ts:Vue 3 + TypeScript 项目
- svelte:Svelte 项目
根据你的需求选择一个模板。例如,如果你选择 Vue 3 项目,可以选择
vue
步骤 3:进入项目目录并安装依赖
进入刚才创建的项目目录:
cd my-vite-project
然后安装项目依赖:
npm install
步骤 4:启动开发服务器
安装完成后,你可以启动 Vite 开发服务器:
npm run dev