Ceci est un modèle de projet. Pour l'utiliser:
- Cloner le modèle:
git clone --depth 1 ssh://git@gitlab.libeo.com:36220/modeles/nuxt-3-starter.git
- Aller dans le dossier du site:
cd nuxt-3-starter
- Supprimer le git du modèle:
rm -rf .git
- Initier le git du projet:
git init
- Commit initial:
git add . && git commit -m "Initial commit"
- Créer un repo git vide pour le projet sur https://gitlab.libeo.com/projects/new
- Suivre les indication dans "Push an existing folder" pour les lignes
git remote add origin
etgit push
Vous pouvez maintenant pusher votre code dans une nouveau repo sur Gitlab.
Core:
Packages:
Astuce: N'oubliez pas d'installer l'extension Vue Devtools pour inspecter votre code.
Astuce: N'oubliez pas d'installer l'extension Volar pour VS Code.
Ce projet gère ses dépendances avec yarn
cp .env.local .env
# install dependencies
yarn
# run with hot reload
yarn dev
# install dependencies
yarn
# build
yarn build
# serve
yarn preview
Note: Éxécuter automatiquement en mode dev
yarn lint:js
yarn lint:scss
Le répertoire deploy
contient les fichiers de configuration pour deployer
, l'outil de déploiment.
Le répertoire src
contient les fichiers source de l'application Nuxt.
Le répertoire .nuxt
contient les fichiers temporaire pour l'exécution du serveur Nuxt local. Ce répertoire ne devrait pas être dans le Git.
Le répertoire .output
contient les fichiers compilé pour la distribution. Ce répertoire ne devrait pas être dans le Git.
Le répertoire assets
contient vos ressources qui seront compilées et bundler par Webpack tels que les fichiers SASS global et les SVG.
Le répertoire components
contient vos composants Vue.js. Vous ne pouvez pas utiliser les méthodes asyncData
ou fetch
sur ces composants.
Le répertoire i18n
contient les fichiers de traductions global au format JSON. Vous pouvez aussi traduire directement dans les composants.
Le répertoire layouts
contient les mises en page de votre application. Les mises en page sont utilisées pour changer l'aspect de votre page.
Le répertoire middleware
contient vos middlewares. Un middleware vous permet de définir une fonction qui sera exécutée avant de faire le rendu d'une mise en page ou d'un groupe de mises en page.
Le répertoire pages
contient vos vues et routes de l'application.
Le répertoire plugins
contient les plugins JavaScript que vous désirez exécuter avant d'instancier l'application. C'est le bon endroit pour enregistrer des composants globaux.
Le répertoire public
est directement servi par le serveur (/public/robots.txt est accessible à l'adresse http://localhost:3000/robots.txt).
Le répertoire stores
contient vos stores Pinia. Chaque fichier représente un store.