|
4 weeks ago | |
---|---|---|
.. | ||
README.md | 4 weeks ago |
README.md
Quizzer
Dessa quizzer är för- och efterföreläsningsquizzer för datavetenskapsutbildningen på https://aka.ms/datascience-beginners
Lägga till en översatt quizuppsättning
Lägg till en quizöversättning genom att skapa matchande quizstrukturer i mappen assets/translations
. De ursprungliga quizzerna finns i assets/translations/en
. Quizzerna är uppdelade i flera grupperingar. Se till att numreringen stämmer överens med rätt quizsektion. Det finns totalt 40 quizzer i denna utbildning, med numreringen som börjar på 0.
Efter att du har redigerat översättningarna, redigera filen index.js i översättningsmappen för att importera alla filer enligt konventionerna i en
.
Redigera filen index.js
i assets/translations
för att importera de nya översatta filerna.
Redigera sedan dropdown-menyn i App.vue
i denna app för att lägga till ditt språk. Matcha den lokaliserade förkortningen med mappnamnet för ditt språk.
Slutligen, redigera alla quizlänkar i de översatta lektionerna, om de finns, för att inkludera denna lokalisering som en frågeparameter: ?loc=fr
till exempel.
Projektinställning
npm install
Kompilerar och laddar om för utveckling
npm run serve
Kompilerar och minimerar för produktion
npm run build
Lintar och fixar filer
npm run lint
Anpassa konfiguration
Credits: Tack till den ursprungliga versionen av denna quizapp: https://github.com/arpan45/simple-quiz-vue
Distribuera till Azure
Här är en steg-för-steg-guide för att hjälpa dig komma igång:
-
Forka ett GitHub-repository
Se till att din statiska webbappkod finns i ditt GitHub-repository. Forka detta repository. -
Skapa en Azure Static Web App
- Skapa ett Azure-konto
- Gå till Azure-portalen
- Klicka på "Skapa en resurs" och sök efter "Static Web App".
- Klicka på "Skapa".
- Konfigurera den statiska webbappen
-
Grundläggande:
- Prenumeration: Välj din Azure-prenumeration.
- Resursgrupp: Skapa en ny resursgrupp eller använd en befintlig.
- Namn: Ange ett namn för din statiska webbapp.
- Region: Välj den region som är närmast dina användare.
-
Distributionsdetaljer:
- Källa: Välj "GitHub".
- GitHub-konto: Auktorisera Azure att få åtkomst till ditt GitHub-konto.
- Organisation: Välj din GitHub-organisation.
- Repository: Välj det repository som innehåller din statiska webbapp.
- Gren: Välj den gren du vill distribuera från.
-
Byggdetaljer:
- Byggförinställningar: Välj det ramverk din app är byggd med (t.ex. React, Angular, Vue, etc.).
- Appens plats: Ange mappen som innehåller din appkod (t.ex. / om den är i roten).
- API-plats: Om du har en API, ange dess plats (valfritt).
- Utdata-plats: Ange mappen där byggutdata genereras (t.ex. build eller dist).
-
Granska och skapa
Granska dina inställningar och klicka på "Skapa". Azure kommer att ställa in de nödvändiga resurserna och skapa ett GitHub Actions-arbetsflöde i ditt repository. -
GitHub Actions-arbetsflöde
Azure kommer automatiskt att skapa en GitHub Actions-arbetsflödesfil i ditt repository (.github/workflows/azure-static-web-apps-.yml). Detta arbetsflöde hanterar bygg- och distributionsprocessen. -
Övervaka distributionen
Gå till fliken "Actions" i ditt GitHub-repository.
Du bör se ett arbetsflöde som körs. Detta arbetsflöde kommer att bygga och distribuera din statiska webbapp till Azure.
När arbetsflödet är klart kommer din app att vara live på den angivna Azure-URL:en.
Exempel på arbetsflödesfil
Här är ett exempel på hur GitHub Actions-arbetsflödesfilen kan se ut:
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
Ytterligare resurser
Ansvarsfriskrivning:
Detta dokument har översatts med hjälp av AI-översättningstjänsten Co-op Translator. Även om vi strävar efter noggrannhet, bör det noteras att automatiska översättningar kan innehålla fel eller inexaktheter. Det ursprungliga dokumentet på dess originalspråk bör betraktas som den auktoritativa källan. För kritisk information rekommenderas professionell mänsklig översättning. Vi ansvarar inte för eventuella missförstånd eller feltolkningar som uppstår vid användning av denna översättning.