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,
+  },
+})