init: création d'un template vide vite+vue3

2026-03-09 23:40:11 +01:00
commit cf2ce6ba2f
10 changed files with 1441 additions and 0 deletions
@@ -0,0 +1,24 @@
 # Logs
 logs
 *.log
 npm-debug.log*
 yarn-debug.log*
 yarn-error.log*
 pnpm-debug.log*
 lerna-debug.log*
 node_modules
 dist
 dist-ssr
 *.local
 # Editor directories and files
 .vscode/*
 !.vscode/extensions.json
 .idea
 .DS_Store
 *.suo
 *.ntvs*
 *.njsproj
 *.sln
 *.sw?
@@ -0,0 +1,3 @@
 {
  "recommendations": ["Vue.volar"]
 }
@@ -0,0 +1,7 @@
 # Vue 3 + Vite
 ./public pour les fichiers statiques importés 1x au début
 ./src/assets pour les fichier qui seront importés dans des composants vue
 main.js crée l'app racine qui se trouve dans ./src/components/App.vue
@@ -0,0 +1,12 @@
 <!doctype html>
 <html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Drags and Nerds #2</title>
  </head>
  <body>
    <div id="app"></div>
    <script type="module" src="/src/main.js"></script>
  </body>
 </html>
@@ -0,0 +1,18 @@
 {
  "name": "v0-appel-projet",
  "private": true,
  "version": "0.0.0",
  "type": "module",
  "scripts": {
    "dev": "vite",
    "build": "vite build",
    "preview": "vite preview"
  },
  "dependencies": {
    "vue": "^3.5.25"
  },
  "devDependencies": {
    "@vitejs/plugin-vue": "^6.0.2",
    "vite": "^7.3.1"
  }
 }
@@ -0,0 +1,14 @@
 <template>
 </template>
 <style scoped>
 </style>
 <script>
  export default {
    name : 'App',
    mounted(){
      console.log("Vue root app is fully loaded!");
    }
  };
 </script>
@@ -0,0 +1,18 @@
 import { createApp } from 'vue'
 // import CSS global
 import './assets/style.css'
 // import app vue racine
 import App from './App.vue'
 // import composants
 // création app racine
 const app = createApp(App);
 //Composants
 //Démarrage dans div#app de index.html
 app.mount('#app');
@@ -0,0 +1,11 @@
 import { defineConfig } from 'vite'
 import vue from '@vitejs/plugin-vue'
 // https://vite.dev/config/
 export default defineConfig({
  plugins: [vue()],
  server: {
    host: '0.0.0.0',
    port: 8080,
  },
 })