从框架模板生成项目

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. 从 版本 列表中选择要使用的模板版本，然后点击 创建。

生成 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，请选择 Create TypeScript project 复选框。 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 特定的项目及所有必需的配置文件。