%Schriftgröße, Layout, Papierformat, Art des Dokumentes
\documentclass[10pt,oneside,a4paper]{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
\usepackage[automark]{scrpage2}

%Quellcode-Listings
\usepackage{listings}

%Hyperlinks
\usepackage{hyperref}



%Kopfzeile
\ihead{Vue.js}
\chead{}
\ohead{http://kohnlehome.de/html/vue-projekt-erstellen.pdf}
\setheadsepline{0.5pt}

%Fußzeile
\setfootsepline{0.5pt}
\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
Vue-Projekt erstellen
\end{center}


\section*{A) neues Vue-Projekt selbst erstellen}
\subsection*{1. neues Repository auf codeberg.org erstellen}
\begin{itemize}  
  \item Name z.B. \texttt{neues-vue-projekt}  
  \item Das Repository kann private sein
  \item Nicht initialisieren!
\end{itemize}

\subsection*{2. neues lokales Vue-Projekt erstellen}
\begin{itemize}
  \item \texttt{npm init vue}
  \item Project name: \texttt{neues-vue-projekt}
\end{itemize}

\subsection*{3. lokales Repository erstellen}
\begin{itemize}
  \item \texttt{cd neues-vue-projekt}
  \item \texttt{git init}
  \item \texttt{git checkout -b main}
  \item \texttt{git add .}
  \item \texttt{git commit -m "first commit"}
\end{itemize}

\subsection*{4. lokales Repository mit codeberg.org verbinden}
\begin{itemize}
  \item \texttt{git remote add origin https://codeberg.org/meisterk/neues-vue-projekt.git}
  \item \texttt{git push -u origin main}
\end{itemize}

\subsection*{5. Projekt starten}
\begin{itemize}
  \item \texttt{npm install}
  \item \texttt{npm run dev}
\end{itemize}

\newpage


\section*{B) vorhandenes Vue-Projekt forken}
\subsection*{1. neues Repository auf codeberg.org erstellen}
\begin{itemize}  
  \item Name z.B. \texttt{neues-vue-projekt}  
  \item Das Repository kann private sein
  \item Nicht initialisieren!
\end{itemize}

\subsection*{2. vorhandenes Repository clonen}
\begin{itemize}
  \item \texttt{git clone https://codeberg.org/meisterk/vue-sfc-starter neues-vue-projekt}
  \item \texttt{cd neues-vue-projekt}
\end{itemize}

\subsection*{3. lokales Repository mit codeberg.org verbinden}
\begin{itemize}
  \item \texttt{git remote set-url origin https://codeberg.org/meisterk/neues-vue-projekt.git}
  \item \texttt{git push}
\end{itemize}

\subsection*{4. Projekt starten}
\begin{itemize}
  \item \texttt{npm install}
  \item \texttt{npm run dev}
\end{itemize}





\end{document}
