专业的

从框架模板生成项目

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

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

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

4. 当您单击Create时，PyCharm 会生成AngularJS特定的项目结构，其中包含基于AngularJS 种子项目的所有必需配置文件

5. 下载包含AngularJS代码以及支持开发和测试的工具的 AngularJS 依赖项：在嵌入式终端( )中，键入：AltF12

   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. 快递发电机。

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

      或者，打开嵌入式终端( ) 并键入，然后从Express 生成器列表中选择下载的生成器。AltF12npm install --g express-generator

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

      • 灰尘

      • 埃杰斯

      • 车把

      • 霍根.js

      • 巴哥犬(巴哥犬 (玉) )

      • 枝条

      • 瓦什

      • 静态网页

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

      • 纯CSS

      • 手写笔

      • 较少的

      • 萨斯。

4. 准备好后单击“创建”。

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

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

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

3. 在右侧窗格中：

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

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

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

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

4. 当您单击Create时，PyCharm 会生成Meteor应用程序的骨架，包括 HTML 文件、JavaScript 文件、CSS 文件和带有子文件夹的.meteor文件夹。PyCharm 自动将.meteor/local文件夹（用于存储构建的应用程序）标记为已排除，但仍显示在项目树中。

   默认情况下，排除的文件显示在项目树中。要隐藏.meteor/local文件夹，请单击“项目”工具窗口的工具栏上的，选择“树外观” ，然后删除“显示排除的文件”选项旁边的勾号。

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

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

3. 在右侧窗格中：

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

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

4. 当您单击Create时，PyCharm 会生成具有特定于框架的结构的 PhoneGap 或 Cordova 应用程序的框架。

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

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

3. 在右侧窗格中，指定项目文件夹、要使用的 Node.js 解释器以及create-react-app包的路径。

4. 可选：

   要使用 TSX 而不是 JSX，请选中“创建 TypeScript 项目”复选框。PyCharm 将为您的应用程序生成.tsx文件和tsconfig.json 配置文件。

5. 当您单击Create时，PyCharm 会生成一个特定于React 的项目，其中包含所有必需的配置文件。

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

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

3. 在右侧窗格中：

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

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

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

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

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

4. 当您单击Create时，PyCharm 会询问您一些有关可以添加到项目中的工具（例如 linter 和测试运行程序）的其他问题。这些问题因您选择的模板而异。之后，PyCharm 会生成一个特定于 Vue.js 的项目，其中包含所有必需的配置文件。