Azure Functions UX 项目教程

Azure Functions UX 项目教程

azure-functions-ux Azure Functions UX 项目地址: https://gitcode.com/gh_mirrors/az/azure-functions-ux

1. 项目的目录结构及介绍

Azure Functions UX 项目的目录结构如下：

root
│
├── client
│   └── src
│       └── ...
├── server
│   └── src
│       └── server.ts
├── client-react
│   └── ...
├── tests
│   └── ...
├── Resources
│   └── Resx
│       └── ...
├── .gitignore
├── .npmrc
├── .prettierrc
├── ISSUE_TEMPLATE.md
├── LICENSE.txt
├── README.md
├── SECURITY.md
├── child-install.js
├── gulpfile.js
├── package-lock.json
├── package.json
└── styleguide.md

目录结构介绍

• client: 包含 Angular 客户端代码。
  • src: 非脚手架的 Angular 应用代码。
• server: 包含 Node.js 服务器代码。
  • src: 服务器入口文件 server.ts。
• client-react: 包含 React 应用代码。
• tests: 包含 React 应用的 E2E 测试代码，使用 Cypress 编写。
• Resources: 包含所有字符串的资源文件，这些文件将被本地化并在应用中通过键值对使用。
• 其他文件:
  • .gitignore: Git 忽略文件。
  • .npmrc: npm 配置文件。
  • .prettierrc: Prettier 代码格式化配置文件。
  • ISSUE_TEMPLATE.md: GitHub Issue 模板文件。
  • LICENSE.txt: 项目许可证文件。
  • README.md: 项目说明文件。
  • SECURITY.md: 项目安全策略文件。
  • child-install.js: 子安装脚本。
  • gulpfile.js: Gulp 任务配置文件。
  • package-lock.json: npm 锁定文件。
  • package.json: npm 项目配置文件。
  • styleguide.md: 样式指南文件。

2. 项目的启动文件介绍

启动文件

• gulpfile.js: 这是项目的 Gulp 配置文件，提供了运行大多数任务的命令。
• server.ts: 这是服务器的入口文件，位于 server/src 目录下。

启动步骤

1. 在项目根目录下运行 npm install 安装依赖。
2. 运行 npm start 启动项目。
3. 访问 https://localhost:44400 和 https://localhost:44300，并绕过自签名证书的阻止，然后进入门户。

3. 项目的配置文件介绍

配置文件

• package.json: 包含了项目的依赖、脚本命令和其他元数据。
• .npmrc: npm 配置文件，用于设置 npm 的行为。
• .prettierrc: Prettier 代码格式化配置文件，用于统一代码风格。
• gulpfile.js: Gulp 任务配置文件，定义了项目的构建和开发任务。

配置文件介绍

• package.json:

  • scripts: 定义了项目的启动、测试等命令。
  • dependencies: 列出了项目所需的 npm 包。
  • devDependencies: 列出了开发环境所需的 npm 包。

• .npmrc:

  • 配置了 npm 的行为，例如注册表地址、缓存路径等。

• .prettierrc:

  • 配置了 Prettier 的代码格式化规则，如缩进、引号类型等。

• gulpfile.js:

  • 定义了项目的构建任务，如编译、打包、启动开发服务器等。

通过这些配置文件，开发者可以轻松地管理项目的依赖、构建和开发流程。

azure-functions-ux Azure Functions UX 项目地址: https://gitcode.com/gh_mirrors/az/azure-functions-ux