LiliwoL / Vue-Cours-Metaux-Precieux

Projet SPA en Vue3 pour afficher le cours des métaux précieux, ainsi qu'une simple calculatrice.

Vue Cours des métaux précieux

Projet Simple d'affichage des cours des métaux précieux.

• Vue Cours des métaux précieux
  • Installation des dépencances
  • Configuration
    • Sous répertoire de l'application
  • Lancement en local
  • Compilation pour distribution
    • Lints and fixes files
    • Customize configuration

Pré-requis

• Node.JS
• npm
• Vue

Installation des dépendances

npm install

Configuration

Copiez et renommez le fichier .env.sample en .env.local et saisissez y la clé API de https://metalpriceapi.com.

https://metalpriceapi.com np

Sous répertoire de l'application

Quand l'application sera déployée, elle pourra être dans un sous répertoire. Il faut le configurer en amont dans le fichier vue.config.js

const { defineConfig } = require('@vue/cli-service')
module.exports = defineConfig({
  transpileDependencies: true,

  // Pour définir le futur sous répertoire de l'application
  publicPath: process.env.NODE_ENV === 'production'
    ? '/bijoubijou/'
    : '/'
})

Lancement en local

npm run serve

Compilation pour distribution

npm run build

La compilation se fait normalmeent dans un dossier dist.

Mais, la configuration dans vue.config.js définit le output dans docs

Lints and fixes files

npm run lint

Customize configuration

See Configuration Reference.