leestott
c32bb6bc1a
|
4 weeks ago | |
|---|---|---|
| .. | ||
| README.md | 4 weeks ago | |
README.md
测验
这些测验是数据科学课程的课前和课后测验，课程网址为：https://aka.ms/datascience-beginners
添加翻译后的测验集
通过在 assets/translations 文件夹中创建匹配的测验结构来添加测验翻译。原始测验位于 assets/translations/en 文件夹中。测验分为几个组别。请确保编号与正确的测验部分对齐。在整个课程中共有 40 个测验，编号从 0 开始。
编辑翻译后，请编辑翻译文件夹中的 index.js 文件，按照 en 文件夹中的约定导入所有文件。
编辑 assets/translations 文件夹中的 index.js 文件以导入新的翻译文件。
然后，编辑此应用中的 App.vue 文件中的下拉菜单以添加您的语言。将本地化缩写与您的语言文件夹名称匹配。
最后，编辑翻译课程中的所有测验链接（如果存在），以包含本地化查询参数，例如：?loc=fr。
项目设置
npm install
编译并热加载以进行开发
npm run serve
编译并压缩以进行生产环境
npm run build
检查并修复文件
npm run lint
自定义配置
请参阅 配置参考。
致谢：感谢此测验应用的原始版本：https://github.com/arpan45/simple-quiz-vue
部署到 Azure
以下是帮助您入门的分步指南：
-
Fork GitHub 仓库
确保您的静态 Web 应用代码位于您的 GitHub 仓库中。Fork 此仓库。 -
创建 Azure 静态 Web 应用
- 配置静态 Web 应用
-
基本信息：
- 订阅：选择您的 Azure 订阅。
- 资源组：创建一个新的资源组或使用现有的资源组。
- 名称：为您的静态 Web 应用提供一个名称。
- 区域：选择离您的用户最近的区域。
-
部署详情：
- 来源：选择“GitHub”。
- GitHub 账户：授权 Azure 访问您的 GitHub 账户。
- 组织：选择您的 GitHub 组织。
- 仓库：选择包含静态 Web 应用的仓库。
- 分支：选择您要部署的分支。
-
构建详情：
- 构建预设：选择您的应用所使用的框架（例如 React、Angular、Vue 等）。
- 应用位置：指定包含应用代码的文件夹（例如，如果在根目录则为
/）。 - API 位置：如果有 API，请指定其位置（可选）。
- 输出位置：指定生成构建输出的文件夹（例如 build 或 dist）。
-
审核并创建
审核您的设置并点击“创建”。Azure 将设置必要的资源并在您的仓库中创建一个 GitHub Actions 工作流。 -
GitHub Actions 工作流
Azure 会自动在您的仓库中创建一个 GitHub Actions 工作流文件（.github/workflows/azure-static-web-apps-.yml）。此工作流将处理构建和部署过程。 -
监控部署
进入 GitHub 仓库中的“Actions”标签。
您应该会看到一个工作流正在运行。此工作流将构建并部署您的静态 Web 应用到 Azure。
工作流完成后，您的应用将上线，您可以通过提供的 Azure URL 访问。
示例工作流文件
以下是 GitHub Actions 工作流文件的示例：
name: Azure Static Web Apps CI/CD
on:
push:
branches:
- main
pull_request:
types: [opened, synchronize, reopened, closed]
branches:
- main
jobs:
build_and_deploy_job:
runs-on: ubuntu-latest
name: Build and Deploy Job
steps:
- uses: actions/checkout@v2
- name: Build And Deploy
id: builddeploy
uses: Azure/static-web-apps-deploy@v1
with:
azure_static_web_apps_api_token: ${{ secrets.AZURE_STATIC_WEB_APPS_API_TOKEN }}
repo_token: ${{ secrets.GITHUB_TOKEN }}
action: "upload"
app_location: "quiz-app" # App source code path
api_location: ""API source code path optional
output_location: "dist" #Built app content directory - optional
其他资源
免责声明：
本文档使用AI翻译服务 Co-op Translator 进行翻译。尽管我们努力确保翻译的准确性，但请注意，自动翻译可能包含错误或不准确之处。应以原始语言的文档作为权威来源。对于关键信息，建议使用专业人工翻译。我们对因使用此翻译而产生的任何误解或误读不承担责任。