从框架模板生成项目
PyCharm 可以为您创建新的特定框架的应用、设置其结构，并在必要时下载所需的包。 您也可以使用 Yeoman 生成器。 有关更多信息，请参阅 Yeoman。
AngularJS 应用
开始之前：
在 设置 | 插件 页面、 Marketplace 选项卡上安装并启用 AngularJS 插件，具体参见 从 JetBrains Marketplace 安装插件。
在 欢迎 屏幕上点击 创建新项目 ，或从主菜单中选择 。 将打开 新建 项目 对话框。
在左侧窗格，选择 AngularJS。
在右侧窗格，指定用于存储项目相关文件的文件夹路径。
当您点击 创建 时，PyCharm 将基于 AngularJS 种子项目 生成特定于 AngularJS 的项目结构，并包含所有必需的配置文件。
下载包含 AngularJS 代码及用于支持开发和测试的工具的 AngularJS 依赖项：在嵌入式 终端 （Alt+F12 ）中键入：
npm install有关安装依赖项的更多信息，请参见 安装依赖 部分（位于 readme.md 文件中）。
HTML5 Boilerplate 或 Bootstrap 应用
在 欢迎 屏幕上点击 创建新项目 ，或从主菜单中选择 。 将打开 新建 项目 对话框。
在左侧窗格，根据您的偏好和要在应用中实现的功能选择要使用的模板：
HTML5 Boilerplate： 选择此选项以使用 HTML5 Boilerplate 模板。 这是一个起始项目模板，能够轻松适配您的需求。
Bootstrap： 选择此选项以使用 Bootstrap 模板，这是一个功能完善的模块化工具包，提供对 HTML、CSS 和 JavaScript 的丰富支持。
右侧窗格中的控件集取决于所选模板。
指定用于存储项目相关文件的文件夹路径。
在 版本 列表中选择要使用的模板版本，然后点击 创建。
Express 应用
开始之前：
安装 Node.js 并将其配置为 本地 Node.js 运行时。
请确保在设置中启用了 Node.js 插件。 按 Ctrl+Alt+S 打开设置，然后选择 。 点击 已安装 选项卡。 在搜索字段中键入 Node.js。 有关插件的更多信息，请参阅 管理插件。
生成 Node.js 应用
在 欢迎 屏幕上点击 创建新项目 ，或从主菜单中选择 。 将打开 新建 项目 对话框。
在左侧窗格，选择 Express。
在右侧窗格，指定以下内容：
用于存储项目相关文件的文件夹路径。
Node.js 运行时，请参阅 配置本地 Node.js 运行时。
要使用的包管理器——npm 或 Yarn ，请参阅 npm、pnpm 和 Yarn。
建议使用可下载并运行生成器的 npx。 为此，请从 express -generator 列表中选择 npx --package express-generator express。
或者，打开嵌入式 终端 （Alt+F12 ），键入
npm install --g express-generator，然后从 express-generator 列表中选择已下载的生成器。要使用的 Express 模板引擎。 从 模板引擎 列表中选择以下选项之一：
要使用的 CSS 引擎。 从 CSS 引擎 列表中选择以下选项之一：
准备就绪后，点击 创建。
PyCharm 启动 Express 项目生成器 工具，下载所有必需的数据，设置项目结构，并根据您的选择在当前窗口或新窗口中打开项目。
React 应用
启动新的 React 单页应用程序的推荐方式是使用 create-vite 包，PyCharm 将使用 npx 为您下载并运行它。 因此，您的开发环境已预先配置为将 Vite 与 React 和 TypeScript 一起使用，详情请参阅 Vite 官方网站。
在 欢迎 屏幕上点击 创建新项目 ，或在主菜单中选择 。 打开 新建 项目 对话框。
在左侧窗格，选择 Vite。
在右侧窗格中：
指定用于存储与项目相关文件的文件夹路径。
在 Node 运行时 字段中，指定要使用的 Node.js 运行时。 从列表中选择已配置的运行时，或选择 添加 来配置新的运行时。
从 Vite 列表中，选择 npx create-vite.
从 模板 列表中，选择
react.可选：
要使用 TSX 而非 JSX，请选择 创建TypeScript 项目(T) 复选框。 PyCharm 将为您的应用程序生成 .tsx 文件以及一个 tsconfig.json 配置文件。
点击 创建 时，PyCharm 会生成 React特定的项目及所有必需的配置文件。
使用 @vue/cli 的 Vue.js 应用
在 欢迎 屏幕上点击 创建新项目 ，或在主菜单中选择 。 新建 项目 对话框 打开。
在左侧窗格，选择 Vue.js。
在右侧窗格中：
指定用于存储与项目相关文件的文件夹路径。
在 Node 运行时 字段中，指定要使用的 Node.js 运行时。 从列表中选择已配置的运行时，或选择 添加 来配置新的运行时。
从 Vue CLI 列表中，选择 npx --package @vue/cli vue.
或者，对于 npm 5.1 及更早版本，请在 终端 Alt+F12 中运行
npm install --g @vue/cli，以自行安装@vue/cli包。 创建应用程序时，选择存储@vue/cli包的文件夹。从 项目模板 列表中选择要使用的 Vue.js 模板。
点击 创建 时，PyCharm 会询问您一些关于工具（如 linter 和测试运行器）的附加问题，这些工具可以添加到项目中。 这些问题会根据您选择的模板而有所不同。 之后，PyCharm 会生成一个 Vue.js 特定的项目及所有必需的配置文件。