Mit diesen Aufgaben wollen wir Ihnen einen kleinen Einblick in einige Features von VSC geben. Wir haben versucht, die Aufgaben so aufzubauen, dass wenig bis kein Verständnis von HTML, CSS und JS notwendig ist, um sie zu lösen. Bei Fragen: fragen.
Installiere folgende Extensions in VS Code. Alternativ suche und installiere die Extensions direkt in VS Code.
ssh-keygen -t ed25519 -C "your_email@example.com"
eval "$(ssh-agent -s)"
~/.ssh/config
Datei existiert.
cat ~/.ssh/config
Host *
AddKeysToAgent yes
IdentityFile ~/.ssh/id_ed25519
ssh-add ~/.ssh/id_ed25519
cat ~/.ssh/id_ed25519.pub
webdev-tooling
in GitHub. Andere Einstellungen wie das Hinzufügen einer README oder .gitignore Datei können ignoriert werden.echo "# webdev-tooling" >> README.md
git init
git add README.md
git commit -m "first commit"
git branch -M main
git remote add origin git@github.com:"username"/webdev-tooling.git
git push -u origin main
git clone git@github.com:"username"/webdev-tooling.git
herunter.!
hinzu.<body />
Tags, um Änderungen im Browser sehen zu können.// Beispiel HTML Code
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Document</title>
<script>
console.log("hello");
</script>
<style>
h1 {
color: red;
}
</style>
</head>
<body>
<h1>Hallo, Web Dev!</h1>
</body>
</html>
github.com/{username}/webdev-tooling/settings/pages
.https://{username}.github.io/webdev-tooling/
sollte sich die Webseite nach dem Deployment aufrufen lassen.Nachdem Sie die Prettier extension installiert und aktiviert haben, fügen Sie eine .prettierrc
Ihrem Repository hinzu und ergänzen folgende Funktionalitäten:
tabWidth
auf 2 fest.singleQutes
mit doubleQuotes
.printWidth
auf 120..prettierrc
um ein weiteres Attribut und teste dessen Auswirkung auf den Code.