Эхлэл Бүгдийг харах Тусламж
Бүртгүүлэх Нэвтрэх
genlitex
/
prototype_design
1
0
Салаа 0
Файлууд Асуудлууд 0 Хуулах хүсэлтүүд 0 Мэдлэгийн сан
Эх сурвалжийг харах

first commit

wei.k.li 2 сар өмнө
parent
0348e67d60
commit
db9ebad563
16 өөрчлөгдсөн 772 нэмэгдсэн , 770 устгасан
Өөрчлөллтийг нэгтгэж харах Өөрчлөлтийн статистик харах
  1. 3 18
      README.md
  2. 13 0
      components.d.ts
  3. 12 0
      index.html
  4. 0 19
      jsconfig.json
  5. 680 629
      package-lock.json
  6. 11 6
      package.json
  7. BIN
      public/favicon.ico
  8. 0 17
      public/index.html
  9. 0 4
      src/App.vue
  10. BIN
      src/assets/logo.png
  11. 0 57
      src/components/HelloWorld.vue
  12. 1 1
      src/main.js
  13. 7 7
      src/router/index.js
  14. 0 5
      src/views/AboutView.vue
  15. 10 7
      src/views/HomeView.vue
  16. 35 0
      vite.config.js

+ 3 - 18
README.md
Файл харах 

@@ -1,19 +1,4 @@
 
-# vue3-project
 
+# Prototype Design
 
 
 
-## Project setup
 
-```
 
-npm install
 
-```
 
-
 
-### Compiles and hot-reloads for development
 
-```
 
-npm run serve
 
-```
 
-
 
-### Compiles and minifies for production
 
-```
 
-npm run build
 
-```
 
-
 
-### Customize configuration
 
-See [Configuration Reference](https://cli.vuejs.org/config/).
 
+## Attention
 
+1. Do not update vite.config.js

+ 13 - 0
components.d.ts
Файл харах 

@@ -0,0 +1,13 @@
 
+/* eslint-disable */
 
+// @ts-nocheck
 
+// Generated by unplugin-vue-components
 
+// Read more: https://github.com/vuejs/core/pull/3399
 
+export {}
 
+
 
+/* prettier-ignore */
 
+declare module 'vue' {
 
+  export interface GlobalComponents {
 
+    RouterLink: typeof import('vue-router')['RouterLink']
 
+    RouterView: typeof import('vue-router')['RouterView']
 
+  }
 
+}

+ 12 - 0
index.html
Файл харах 

@@ -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>Prototype Design</title>
 
+  </head>
 
+  <body>
 
+    <div id="app"></div>
 
+    <script type="module" src="/src/main.js"></script>
 
+  </body>
 
+</html>

+ 0 - 19
jsconfig.json
Файл харах 

@@ -1,19 +0,0 @@
 
-{
 
-  "compilerOptions": {
 
-    "target": "es5",
 
-    "module": "esnext",
 
-    "baseUrl": "./",
 
-    "moduleResolution": "node",
 
-    "paths": {
 
-      "@/*": [
 
-        "src/*"
 
-      ]
 
-    },
 
-    "lib": [
 
-      "esnext",
 
-      "dom",
 
-      "dom.iterable",
 
-      "scripthost"
 
-    ]
 
-  }
 
-}

Файлын зөрүү хэтэрхий том тул дарагдсан байна
+ 680 - 629
package-lock.json


+ 11 - 6
package.json
Файл харах 

@@ -1,17 +1,22 @@
 
 {
 
 {
 
-  "name": "vue3-project",
 
+  "name": "prototype-design",
 
   "version": "0.1.0",
 
   "version": "0.1.0",
 
   "private": true,
 
   "private": true,
 
+  "type": "module",
 
   "scripts": {
 
   "scripts": {
 
-    "serve": "vue-cli-service serve",
 
-    "build": "vue-cli-service build"
 
+    "dev": "vite",
 
+    "build": "vite build",
 
+    "watch": "vite build --watch",
 
+    "preview": "vite preview"
 
   },
 
   },
 
   "dependencies": {
 
   "dependencies": {
 
-    "vue": "^3.2.13",
 
+    "ant-design-vue": "^4.0.0",
 
+    "vue": "^3.5.13",
 
     "vue-router": "^4.0.3"
 
     "vue-router": "^4.0.3"
 
   },
 
   },
 
   "devDependencies": {
 
   "devDependencies": {
 
-    "@vue/cli-plugin-router": "~5.0.0",
 
-    "@vue/cli-service": "~5.0.0"
 
+    "@vitejs/plugin-vue": "^5.2.1",
 
+    "vite": "^6.1.0",
 
+    "unplugin-vue-components": "^0.27.0"
 
   }
 
   }
 
 }
 
 }

BIN
public/favicon.ico
Файл харах


+ 0 - 17
public/index.html
Файл харах 

@@ -1,17 +0,0 @@
 
-<!DOCTYPE html>
 
-<html lang="">
 
-  <head>
 
-    <meta charset="utf-8">
 
-    <meta http-equiv="X-UA-Compatible" content="IE=edge">
 
-    <meta name="viewport" content="width=device-width,initial-scale=1.0">
 
-    <link rel="icon" href="<%= BASE_URL %>favicon.ico">
 
-    <title><%= htmlWebpackPlugin.options.title %></title>
 
-  </head>
 
-  <body>
 
-    <noscript>
 
-      <strong>We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
 
-    </noscript>
 
-    <div id="app"></div>
 
-    <!-- built files will be auto injected -->
 
-  </body>
 
-</html>

+ 0 - 4
src/App.vue
Файл харах 

@@ -1,8 +1,4 @@
 
 <template>
 
 <template>
 
-  <nav>
 
-    <router-link to="/">Home</router-link> |
 
-    <router-link to="/about">About</router-link>
 
-  </nav>
 
   <router-view/>
 
   <router-view/>
 
 </template>
 
 </template>

BIN
src/assets/logo.png
Файл харах


+ 0 - 57
src/components/HelloWorld.vue
Файл харах 

@@ -1,57 +0,0 @@
 
-<template>
 
-  <div class="hello">
 
-    <h1>{{ msg }}</h1>
 
-    <p>
 
-      For a guide and recipes on how to configure / customize this project,<br>
 
-      check out the
 
-      <a href="https://cli.vuejs.org" target="_blank" rel="noopener">vue-cli documentation</a>.
 
-    </p>
 
-    <h3>Installed CLI Plugins</h3>
 
-    <ul>
 
-      <li><a href="https://github.com/vuejs/vue-cli/tree/dev/packages/%40vue/cli-plugin-router" target="_blank" rel="noopener">router</a></li>
 
-    </ul>
 
-    <h3>Essential Links</h3>
 
-    <ul>
 
-      <li><a href="https://vuejs.org" target="_blank" rel="noopener">Core Docs</a></li>
 
-      <li><a href="https://forum.vuejs.org" target="_blank" rel="noopener">Forum</a></li>
 
-      <li><a href="https://chat.vuejs.org" target="_blank" rel="noopener">Community Chat</a></li>
 
-      <li><a href="https://twitter.com/vuejs" target="_blank" rel="noopener">Twitter</a></li>
 
-      <li><a href="https://news.vuejs.org" target="_blank" rel="noopener">News</a></li>
 
-    </ul>
 
-    <h3>Ecosystem</h3>
 
-    <ul>
 
-      <li><a href="https://router.vuejs.org" target="_blank" rel="noopener">vue-router</a></li>
 
-      <li><a href="https://vuex.vuejs.org" target="_blank" rel="noopener">vuex</a></li>
 
-      <li><a href="https://github.com/vuejs/vue-devtools#vue-devtools" target="_blank" rel="noopener">vue-devtools</a></li>
 
-      <li><a href="https://vue-loader.vuejs.org" target="_blank" rel="noopener">vue-loader</a></li>
 
-      <li><a href="https://github.com/vuejs/awesome-vue" target="_blank" rel="noopener">awesome-vue</a></li>
 
-    </ul>
 
-  </div>
 
-</template>
 
-
 
-<script>
 
-export default {
 
-  name: 'HelloWorld',
 
-  props: {
 
-    msg: String
 
-  }
 
-}
 
-</script>
 
-
 
-<!-- Add "scoped" attribute to limit CSS to this component only -->
 
-<style scoped>
 
-h3 {
 
-  margin: 40px 0 0;
 
-}
 
-ul {
 
-  list-style-type: none;
 
-  padding: 0;
 
-}
 
-li {
 
-  display: inline-block;
 
-  margin: 0 10px;
 
-}
 
-a {
 
-  color: #42b983;
 
-}
 
-</style>

+ 1 - 1
src/main.js
Файл харах 

@@ -2,4 +2,4 @@ import { createApp } from 'vue'
 
 import App from './App.vue'
 
 import App from './App.vue'
 
 import router from './router'
 
 import router from './router'
 
 
 
-createApp(App).use(router).mount('#app')
 
+createApp(App).use(router).use(router).mount('#app')

+ 7 - 7
src/router/index.js
Файл харах 

@@ -1,4 +1,4 @@
 
-import { createRouter, createWebHistory } from 'vue-router'
 
+import { createRouter, createWebHashHistory } from 'vue-router'
 
 import HomeView from '../views/HomeView.vue'
 
 import HomeView from '../views/HomeView.vue'
 
 
 
 const routes = [
 
 const routes = [
 
@@ -8,19 +8,19 @@ const routes = [
 
     component: HomeView
 
     component: HomeView
 
   },
 
   },
 
   {
 
   {
 
-    path: '/about',
 
-    name: 'about',
 
+    // path: '/about',
 
+    // name: 'about',
 
     // route level code-splitting
 
     // route level code-splitting
 
     // this generates a separate chunk (about.[hash].js) for this route
 
     // this generates a separate chunk (about.[hash].js) for this route
 
     // which is lazy-loaded when the route is visited.
 
     // which is lazy-loaded when the route is visited.
 
-    component: function () {
 
-      return import(/* webpackChunkName: "about" */ '../views/AboutView.vue')
 
-    }
 
+    // component: function () {
 
+    //   return import(/* webpackChunkName: "about" */ '../views/AboutView.vue')
 
+    // }
 
   }
 
   }
 
 ]
 
 ]
 
 
 
 const router = createRouter({
 
 const router = createRouter({
 
-  history: createWebHistory(process.env.BASE_URL),
 
+  history: createWebHashHistory(location.pathname),
 
   routes
 
   routes
 
 })
 
 })

+ 0 - 5
src/views/AboutView.vue
Файл харах 

@@ -1,5 +0,0 @@
 
-<template>
 
-  <div class="about">
 
-    <h1>This is an about page</h1>
 
-  </div>
 
-</template>

+ 10 - 7
src/views/HomeView.vue
Файл харах 

@@ -1,18 +1,21 @@
 
 <template>
 
 <template>
 
   <div class="home">
 
   <div class="home">
 
-    <img alt="Vue logo" src="../assets/logo.png">
 
-    <HelloWorld msg="Welcome to Your Vue.js App"/>
 
+    <h2>欢迎使用Prototype Design, 请您根据您的需要设计您的Prototype</h2>
 
   </div>
 
   </div>
 
 </template>
 
 </template>
 
 
 
 <script>
 
 <script>
 
-// @ is an alias to /src
 
-import HelloWorld from '@/components/HelloWorld.vue'
 
 
 
 export default {
 
 export default {
 
   name: 'HomeView',
 
   name: 'HomeView',
 
-  components: {
 
-    HelloWorld
 
-  }
 
 }
 
 }
 
 </script>
 
 </script>
 
+<style>
 
+.home {
 
+  height: 100vh;
 
+  width: 100vw;
 
+  display: flex;
 
+  justify-content: center;
 
+  align-items: center;
 
+}
 
+</style>

+ 35 - 0
vite.config.js
Файл харах 

@@ -0,0 +1,35 @@
 
+import { defineConfig } from 'vite'
 
+import vue from '@vitejs/plugin-vue'
 
+import Components from "unplugin-vue-components/vite";
 
+import { AntDesignVueResolver } from "unplugin-vue-components/resolvers";
 
+
 
+const port = process.argv.includes('--port') 
+  ? process.argv[process.argv.indexOf('--port') + 1] 
+  : 3000;  // 默认端口为3000
 
+
 
+// https://vite.dev/config/
 
+export default defineConfig({
 
+  plugins: [vue(),Components({
 
+    resolvers: [AntDesignVueResolver({ importStyle: false })],
 
+  }),],
 
+  // base: `/ide2/proxy/${port}/`,
 
+  base: `/prototype/${port}/`,
 
+  server: {
 
+    host: '0.0.0.0', // 监听所有网络
 
+    port: Number(port), // 确保端口匹配
 
+    strictPort: true, // 保证端口不会被其他程序占用
 
+    watch: {
 
+      usePolling: true
 
+    },
 
+    hmr: {
 
+      clientPort: 443, // 让 HMR 使用 443 端口
 
+      protocol: 'wss', // 强制 WebSocket 使用 wss
 
+      host: 'genlitex-test-01.cn',
 
+    },
 
+    allowedHosts: [
 
+      'localhost',
 
+      '127.0.0.1',
 
+      'genlitex-test-01.cn'
 
+    ]
 
+  }
 
+});

Энэ ялгаанд хэт олон файл өөрчлөгдсөн тул зарим файлыг харуулаагүй болно