Tibo 280378ffe3 6 Croix fin de dernier chapitre | 4 years ago | |
---|---|---|
src | 4 years ago | |
static | 4 years ago | |
.gitignore | 4 years ago | |
README.md | 4 years ago | |
gridsome.config.js | 4 years ago | |
gridsome.server.js | 4 years ago | |
package-lock.json | 4 years ago | |
package.json | 4 years ago | |
param.JSON | 4 years ago | |
vue2-filters | 4 years ago |
sudo npm install --g @gridsome/cli
npm install
gridsome develop
pour lancer le serveur de développement à l'adresse http://localhost:8080
Ouvrez un terminal et deplacez vous à l'endroit désiré. (ex: le bureau)
cd Desktop/
git clone https://figureslibres.io/gogs/thibaud_goiffon/popsu_html2print.git
Le projet vient d'être cloné dans un dossier sur le bureau, mais le terminal se trouve toujours sur le bureau. Il faut maintenant se déplacer à la racine du projet.
cd popsu_html2print/
npm install
Un dossier "node_modules" vient d'être ajouté à votre clone du projet. Il est peuplé par les dependances définits dans le fichier "package.json".
L'installation de Gridsome de maniere globale sur votre systeme est nécessaire pour utiliser de nouvelles commandes dans le terminal.
sudo npm install --g @gridsome/cli
gridsome develop
Après un court temps de construction, ce message devrait se présenter.
DONE Compiled successfully in 278ms 11:05:45
Site running at: http://localhost:8080/
Explore GraphQL data at: http://localhost:8080/___explore
Pour visualisez la mise en page, cliquez sur ce lien http://localhost:8080.
Ouvrir le dossier popsu_html2print dans Atom pour pouvoir faire des modifications dans le CSS. Pour visualisez la mise en page, ouvrez une page web à l'adresse http://localhost:8080
git pull
avant gridsome develop
CTRL+C
gridsome develop
Pour ajouter une nouvelle font, ajouter le fichier dans le dossier src/fonts, puis referencez la dans le fichier css (src/css/fonts.scss)
Fichier utilisé pour réferencer des variables globales utilisables dans tout le projet. Ex: les marges, tailles du document, gouttieres, taille de police.
Sert à afficher les pages en vis-à-vis dans le navigateur.
git add .
Ajoutez toutes vos modifications.
git commit -m "Descriptif de la modification"
git push