最终的

维特

1. 选择文件 | 新 | 从主菜单进行项目或单击欢迎屏幕上的“新建项目”按钮。

2. 在“新建项目”对话框中，选择左侧窗格中的“Vite” 。

3. 在右侧窗格中：

   • 指定项目名称和要在其中创建该项目的文件夹。

   • 在“节点解释器”字段中，指定要使用的 Node.js 解释器。从列表中选择已配置的解释器，或选择“添加”以配置新的解释器。

   • 从Vite列表中，选择npx create-vite。

     或者，对于 npm 版本 5.1 及更早版本，您可以create-vite通过npm install --g create-vite在Terminal 中运行来自行安装软件包。创建应用程序时，选择存储包的文件夹。AltF12create-vite

   • 从模板列表中，选择社区维护的 Vite 模板，该模板针对您要在应用程序中使用的框架。

   • 可选：

     要使用 TypeScript 而不是 JavaScript，请选中“使用 TypeScript 模板”复选框。IntelliJ IDEA 将为您的应用程序生成.ts文件和tsconfig.json 配置文件。

4. 当您单击Create时，IntelliJ IDEA 会生成一个特定于Vite的项目，其中包含所有必需的配置文件并下载所需的依赖项。IntelliJ IDEA 还使用默认设置创建npm start和JavaScript 调试配置，用于运行或调试应用程序。

提示

或者，打开内置终端并输入：

1. npx create-vite <application-name>创建一个应用程序。

2. cd <application-name>切换到应用程序文件夹。

3. npm start启动 Node.js 服务器。

创建一个空的 IntelliJ IDEA 项目

1. 选择文件 | 新 | 从主菜单进行项目或单击欢迎屏幕上的“新建项目”按钮。

2. 在“新建项目”对话框中，选择左侧窗格中的“新建项目” 。

3. 在右侧窗格中，选择语言区域中的JavaScript。

4. 为新项目命名并根据需要更改其位置，然后单击“创建”。

在空项目中安装Vite

1. 打开您将在其中使用Vite 的空项目。

2. 在嵌入式终端( ) 中，键入：AltF12

   npm install --save-dev vite

选择如何检测Vite配置

1. 打开“设置”对话框 ( ) 并转到“语言和框架”| JavaScript | 维特。CtrlAlt0S

2. 在检测模块解析的 Vite 配置文件区域中，选择以下选项之一：

   • 自动：在此模式下，对于 JavaScript 或 TypeScript 文件，IntelliJ IDEA 将首先在该 JavaScript 或 TypeScript 文件所在的文件夹中查找 Vite 配置文件，然后在其父文件夹中查找，依此类推。

     因此，如果您的项目由多个具有不同 Vite 配置的模块组成，每个模块将使用自己的 Vite 配置文件中的模块解析规则（如果找到此类配置）。

     IntelliJ IDEA 可识别具有以下名称和顺序的 JavaScript 或 TypeScript Vite 配置文件：

     • vite.config.js / vite.config.ts

     • vite.config.mjs

     • vite.config.cjs

   • 手动：在配置文件字段中，指定要使用的 Vite 配置的位置。

     在此模式下，指定配置文件中的解析规则将应用于项目中的所有模块。

     如果 IntelliJ IDEA 无法识别您的 Vite 配置文件的名称，请选择此选项，请参阅上面可识别的 Vite 配置名称列表。