从框架模板生成项目

1. 点击 创建新项目 屏幕上的 欢迎 或从主菜单中选择 文件 | 新建 | 项目。 新建 项目 对话框 打开。

2. 在左侧窗格中，选择 AngularJS。

3. 在右侧窗格中，指定存储项目相关文件的文件夹路径。

4. 当您单击 创建 时，PyCharm 会根据 AngularJS 种子项目生成 AngularJS特定的项目结构及所有必需的配置文件。

5. 下载包含 AngularJS代码和支持开发与测试的工具的 AngularJS依赖项：在嵌入的 终端 （Alt+F12 ）中输入：

   npm install

   在 readme.md 文件的 安装依赖项部分了解更多关于安装依赖项的信息。

1. 点击 创建新项目 屏幕上的 欢迎 或从主菜单中选择 文件 | 新建 | 项目。 新建 项目 对话框 打开。

2. 在左侧窗格中，根据您的偏好和应用程序中要实现的功能选择模板：

   • HTML5 Boilerplate： 选择此选项以使用 HTML5 Boilerplate模板。 这是一个可以轻松适应您需求的起始项目模板。

   • Web Starter Kit： 选择此选项以使用 Web Starter Kit。

   • Bootstrap： 选择此选项以使用 Bootstrap模板，这是一个具有丰富 HTML、CSS 和 JavaScript 支持的精细模块化工具包。

   • Foundation： 选择此选项以使用 Foundation框架。

3. 右侧窗格中的控件集取决于所选模板。

   1. 指定存储与项目相关的文件的文件夹路径。

   2. 从 Version 列表中选择要使用的模板版本，然后点击 创建。

生成 Node.js 应用程序

1. 点击 创建新项目 屏幕上的 欢迎 或从主菜单中选择 文件 | 新建 | 项目。 新建 项目 对话框 打开。

2. 在左侧窗格中，选择 Express。

3. 在右侧窗格中，指定以下内容：

   1. 存储项目相关文件的文件夹路径。

   2. Node 解释器，请参阅 配置本地 Node.js 解释器。

   3. 要使用的包管理器 - npm 或 Yarn ，请参阅 npm、pnpm 和 Yarn。

   4. express-generator。

      建议您使用 npx ，它会下载并运行生成器。 为此，请从 npx --package express-generator express 列表中选择 express-generator。

      或者，打开嵌入的 终端 （Alt+F12 ），输入 npm install --g express-generator ，然后从 express-generator 列表中选择下载的生成器。

   5. 要使用的 Express 模板引擎。 从 模板引擎 列表中选择以下选项之一：

      • Dust

      • EJS

      • Handlebars

      • Hogan.js

      • Pug （Pug(Jade)）

      • Twig

      • Vash

      • 静态 html

   6. 要使用的 CSS 引擎。 从 CSS 引擎 列表中选择以下选项之一：

      • Plain CSS

      • Stylus

      • Less

      • Sass。

4. 准备好后，点击 创建。

   PyCharm 启动 Express 项目生成器 工具，下载所有必需的数据，设置项目结构，并根据您的选择在当前窗口或新窗口中打开项目。

1. 点击 创建新项目 屏幕上的 欢迎 或从主菜单中选择 文件 | 新建 | 项目。 新建 项目 对话框 打开。

2. 在左侧窗格中，选择 Meteor。

3. 在右侧窗格中：

   1. 指定存储与项目相关的文件的文件夹路径。

   2. 指定 Meteor 可执行文件的位置（请参阅 安装 Meteor）。

   3. 从 模板 列表中选择要生成的示例。 要生成基本的项目结构，请选择 默认 选项。

   4. 在 文件名 字段中，输入将要生成的相互关联的 .js 、 .html 和 .css 文件的名称。 仅当从 模板 下拉列表中选择了 默认 示例类型时，该字段才可用。

4. 点击 创建 时，PyCharm 会生成 Meteor应用程序的框架，包括一个 HTML 文件、一个 JavaScript 文件、一个 CSS 文件以及一个带有子文件夹的 .meteor 文件夹。 PyCharm 会自动将用于存储已构建应用程序的 .meteor/local 文件夹标记为 排除 ，但仍会在项目树中显示。

   默认情况下， 排除文件会显示在项目树中。 要隐藏 .meteor/local 文件夹，请点击 工具窗口工具栏上的 项目 ，选择 外观 ，并取消选中 显示排除的文件 选项旁的勾选。

1. 点击 创建新项目 屏幕上的 欢迎 或从主菜单中选择 文件 | 新建 | 项目。 新建 项目 对话框 打开。

2. 在左侧窗格中，选择 Cordova。

3. 在右侧窗格中：

   1. 指定存储与项目相关的文件的文件夹路径。

   2. 指定可执行文件的位置。 根据您的操作系统和目标平台，这可以是 phonegap 、 phonegap.cmd 、 cordova 或 cordova.cmd 。

4. 点击 创建 时，PyCharm 会生成具有框架特定结构的 PhoneGap 或 Cordova 应用程序的框架。

1. 点击 创建新项目 屏幕上的 欢迎 或从主菜单中选择 文件 | 新建 | 项目。 新建 项目 对话框 打开。

2. 在左侧窗格中，选择 Vite。

3. 在右侧窗格中：

   1. 指定存储与项目相关的文件的文件夹路径。

   2. 在 Node Interpreter 字段中，指定要使用的 Node.js 解释器。 从列表中选择一个已配置的解释器或选择 添加 配置一个新的解释器。

   3. 请从 Vite 列表中选择 npx create-vite。

   4. 请从 模板 列表中选择 react。

   5. 可选：

      要使用 TSX 而不是 JSX，请选择 创建TypeScript 项目(T) 复选框。 PyCharm 将为您的应用生成 .tsx 文件以及一个 tsconfig.json 配置文件。

4. 点击 创建 时，PyCharm 会生成 React特定的项目及所有必需的配置文件。

1. 点击 创建新项目 屏幕上的 欢迎 或从主菜单中选择 文件 | 新建 | 项目。 新建 项目 对话框 打开。

2. 在左侧窗格中，选择 Vue.js。

3. 在右侧窗格中：

   1. 指定存储与项目相关的文件的文件夹路径。

   2. 在 Node Interpreter 字段中，指定要使用的 Node.js 解释器。 从列表中选择一个已配置的解释器或选择 添加 配置一个新的解释器。

   3. 请从 Vue CLI 列表中选择 npx --package @vue/cli vue。

      或者，对于 npm 5.1 及更早版本，通过在 终端 Alt+F12 中运行 npm install --g @vue/cli 来自行安装 @vue/cli 包。 在创建应用程序时，选择存储 @vue/cli 包的文件夹。

   4. 从 项目模板 列表中选择要使用的 Vue.js 模板。

4. 点击 创建 时，PyCharm 会询问您一些关于工具（如 linter 和测试运行器）的附加问题，这些工具可以添加到项目中。 这些问题会根据您选择的模板而有所不同。 之后，PyCharm 会生成一个 Vue.js 特定的项目及所有必需的配置文件。