%Schriftgröße, Layout, Papierformat, Art des Dokumentes
\documentclass[10pt,oneside,a4paper,headsepline,footsepline]{scrartcl}

%Einstellungen der Seitenränder
\usepackage[left=2cm,right=2cm,top=1.5cm,bottom=1.5cm,includeheadfoot]{geometry}

%neue Rechtschreibung
\usepackage[ngerman]{babel}

%Umlaute ermöglichen
\usepackage[utf8]{inputenc}

%Gesamtseitenzahl
\usepackage{lastpage}

% Kopf- und Fußzeile
% Funktioniert nicht \usepackage[automark]{scrpage2}%
\usepackage[automark]{scrlayer-scrpage}

%Quellcode-Listings
\usepackage{listings}

%Hyperlinks
\usepackage{hyperref}

%Schriftarten
\usepackage[T1]{fontenc}

% Backticks
\usepackage{upquote}

%Kopfzeile
\ihead{Softwaretechnik}
\chead{}
\ohead{http://kohnlehome.de/softwaretechnik/vscode-extensions.pdf}
%\setheadsepline{0.5pt} DEPRECATED

%Fußzeile
%\setfootsepline{0.5pt} DEPRECATED
\ifoot{Franz Kohnle}
\cfoot{Seite \thepage\ von  \pageref{LastPage}}
\ofoot{\today}

\pagestyle{scrheadings}

\begin{document}

% Überschrift 
\begin{center}
    \LARGE % Schriftgröße
    \bfseries % Fettdruck
    \sffamily % Serifenlose Schrift
    Download VSCode-Extensions
\end{center}

%\section*{Hilfe}
%\begin{tabular}{l l}
%\texttt{git help} & Hilfe\\
%\texttt{git help BEFEHL} & Hilfe zum BEFEHL
%\end{tabular}


\section*{Beispiel:  Svelte for VS Code}
\subsection*{1. Daten vom Marketplace ermitteln}

\href{https://marketplace.visualstudio.com/items?itemName=svelte.svelte-vscode}{https://marketplace.visualstudio.com/items?itemName=svelte.svelte-vscode}

\begin{itemize}
    \item PUBLISHER: \texttt{svelte}
    \item EXTENSION-NAME:  \texttt{svelte-vscode}
    \item VERSION: \texttt{109.12.1}
\end{itemize}

\subsection*{2. a) Download über marketplace.visualstudio.com}
\begin{itemize}
    \item Allgemein (alles in einer Zeile!):\\ \texttt{https://marketplace.visualstudio.com/\_apis/public/gallery/\\ publishers/<PUBLISHER>/vsextensions/<EXTENSION-NAME>/<VERSION>/vspackage}
    \item Beispiel:\\ \href{https://marketplace.visualstudio.com/_apis/public/gallery/publishers/svelte/vsextensions/svelte-vscode/109.12.1/vspackage}{https://marketplace.visualstudio.com/\_apis/public/gallery/\\ publishers/svelte/vsextensions/svelte-vscode/109.12.1/vspackage}
    \item Erzeugt Datei: \texttt{svelte.svelte-vscode-109.12.1.vsix}
\end{itemize}

\subsection*{2. b) Download über vsassets.io}

Ich bin mir nicht sicher, ob diese Seite vertrauenswürdig ist.
(Quelle: \href{https://stackoverflow.com/questions/37071388/how-can-i-install-visual-studio-code-extensions-offline}{stackoverflow.com})

\subsubsection*{Download-Link}
\begin{itemize}
    \item Allgemein (alles in einer Zeile!):\\ \texttt{https://<PUBLISHER>.gallery.vsassets.io/\_apis/public/gallery/\\
              publisher/<PUBLISHER>/extension/<EXTENSION-NAME>/<VERSION>/\\
              assetbyname/Microsoft.VisualStudio.Services.VSIXPackage}
    \item Beispiel:\\ \href{https://svelte.gallery.vsassets.io/_apis/public/gallery/publisher/svelte/extension/svelte-vscode/109.12.1/assetbyname/Microsoft.VisualStudio.Services.VSIXPackage}{https://svelte.gallery.vsassets.io/\_apis/public/gallery/\\publisher/svelte/extension/svelte-vscode/109.12.1/\\assetbyname/Microsoft.VisualStudio.Services.VSIXPackage}
    \item Erzeugt folgende Datei (alle Extensions haben den gleichen Namen):\\ \texttt{Microsoft.VisualStudio.Services.VSIXPackage}
\end{itemize}

\subsubsection*{Datei umbenennen (nicht unbedingt notwendig)}
\begin{itemize}
    \item \texttt{svelte.svelte-vscode-109.12.1.vsix}
\end{itemize}

\subsection*{3. Erweiterung installieren}
\begin{itemize}
    \item $Erweiterungen \rightarrow aus  \quad VSIX \quad installieren \rightarrow ...$
    \item oder per Drag and Drop in Erweiterungs-Fenster ziehen
\end{itemize}

\end{document}
