npm 创建一个 Vite 项目

步骤 1:安装 Node.js 和 npm

确保你已经安装了 Node.js 和 npm。你可以通过以下命令检查安装情况:

node -v
npm -v

如果没有安装,下载并安装最新版本的 Node.js,它会自动安装 npm。

步骤 2:创建项目

  1. 打开终端或命令行窗口,选择一个目录来创建你的项目文件夹。
  2. 使用以下命令来初始化 Vite 项目:

npm create vite@latest my-vite-project

其中 my-vite-project 是你的项目名称,你可以根据需要替换为任意名称。

  1. 执行后,它会提示你选择项目模板。你可以选择以下模板之一:

    • 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

 

posted @ 2024-12-24 23:08  iTao0128  阅读(93)  评论(0编辑  收藏  举报