Vite App

commit 3664d4049879175c5b8869eefb83e7b3842574a5 Author: lyt <1105290566@qq.com> Date: Tue Dec 8 18:20:35 2020 +0800 'admin-20.12.08:创建项目目录、制作logo' diff --git a/vue-admin-wonderful-next-docs/.gitignore b/vue-admin-wonderful-next-docs/.gitignore new file mode 100644 index 0000000..595e215 --- /dev/null +++ b/vue-admin-wonderful-next-docs/.gitignore @@ -0,0 +1,12 @@ +pids +logs +node_modules +npm-debug.log +coverage/ +run +dist +.DS_Store +.nyc_output +.basement +config.local.js +basement_dist diff --git a/vue-admin-wonderful-next-docs/README.md b/vue-admin-wonderful-next-docs/README.md new file mode 100644 index 0000000..0fadcbb --- /dev/null +++ b/vue-admin-wonderful-next-docs/README.md @@ -0,0 +1,13 @@ +# vue-admin-wonderful-next-docs + +> 这是vue3.0 + vite + element plus + typeScript开发文档 + +## Development + +```bash +yarn dev +yarn build +``` + +For more details, please head VuePress's [documentation](https://v1.vuepress.vuejs.org/). + diff --git a/vue-admin-wonderful-next-docs/docs/.vuepress/components/Foo/Bar.vue b/vue-admin-wonderful-next-docs/docs/.vuepress/components/Foo/Bar.vue new file mode 100644 index 0000000..7ee8286 --- /dev/null +++ b/vue-admin-wonderful-next-docs/docs/.vuepress/components/Foo/Bar.vue @@ -0,0 +1,15 @@ + + + diff --git a/vue-admin-wonderful-next-docs/docs/.vuepress/components/OtherComponent.vue b/vue-admin-wonderful-next-docs/docs/.vuepress/components/OtherComponent.vue new file mode 100644 index 0000000..1d97c7c --- /dev/null +++ b/vue-admin-wonderful-next-docs/docs/.vuepress/components/OtherComponent.vue @@ -0,0 +1,3 @@ + diff --git a/vue-admin-wonderful-next-docs/docs/.vuepress/components/demo-component.vue b/vue-admin-wonderful-next-docs/docs/.vuepress/components/demo-component.vue new file mode 100644 index 0000000..7d49de7 --- /dev/null +++ b/vue-admin-wonderful-next-docs/docs/.vuepress/components/demo-component.vue @@ -0,0 +1,15 @@ + + + diff --git a/vue-admin-wonderful-next-docs/docs/.vuepress/config.js b/vue-admin-wonderful-next-docs/docs/.vuepress/config.js new file mode 100644 index 0000000..17645df --- /dev/null +++ b/vue-admin-wonderful-next-docs/docs/.vuepress/config.js @@ -0,0 +1,119 @@ +const { description } = require('../../package') + +module.exports = { + devServer: { + open: true + }, + host: "localhost", + port: 8085, + /** + * Ref：https://v1.vuepress.vuejs.org/config/#title + */ + title: 'vue-admin-wonderful-next-docs', + /** + * Ref：https://v1.vuepress.vuejs.org/config/#description + */ + description: description, + + /** + * Extra tags to be injected to the page HTML `` + * + * ref：https://v1.vuepress.vuejs.org/config/#head + */ + head: [ + ['meta', { name: 'theme-color', content: '#3eaf7c' }], + ['meta', { name: 'apple-mobile-web-app-capable', content: 'yes' }], + ['meta', { name: 'apple-mobile-web-app-status-bar-style', content: 'black' }], + ['link', { rel: 'shortcut icon', type: 'image/x-icon', href: '' }] + ], + + /** + * Theme configuration, here is the default theme configuration for VuePress. + * + * ref：https://v1.vuepress.vuejs.org/theme/default-theme-config.html + */ + themeConfig: { + repo: '', + editLinks: false, + docsDir: '', + editLinkText: '', + lastUpdated: false, + nav: [ + { + text: '指南', + link: '/guide/', + }, + { + text: '配置', + link: '/config/' + }, + { + text: '主题', + link: '/vsCode/' + }, + { + text: '更新记录', + link: '/config/' + }, + { + text: '问题与处理', + link: '/config/' + }, + { + text: 'vsCode', + link: '/vsCode/' + }, + { + text: '代码仓库', + items: [ + { + text: 'github（国外）', + items: [ + { + text: 'vue-admin-wonderful（2.x版本）', + link: '' + }, + { + text: 'vue-admin-wonderful-next（3.x版本）', + link: '' + } + ] + }, + { + text: 'gitee（国内）', + items: [ + { + text: 'vue-admin-wonderful（2.x版本）', + link: '' + }, + { + text: 'vue-admin-wonderful-next（3.x版本）', + link: '' + } + ] + } + ] + } + ], + sidebar: { + '/guide/': [ + { + title: 'Guide', + collapsable: false, + children: [ + '', + 'using-vue', + ] + } + ], + } + }, + + /** + * Apply plugins，ref：https://v1.vuepress.vuejs.org/zh/plugin/ + */ + plugins: [ + '@vuepress/plugin-back-to-top', + '@vuepress/plugin-medium-zoom', + ] +} diff --git a/vue-admin-wonderful-next-docs/docs/.vuepress/enhanceApp.js b/vue-admin-wonderful-next-docs/docs/.vuepress/enhanceApp.js new file mode 100644 index 0000000..8452a86 --- /dev/null +++ b/vue-admin-wonderful-next-docs/docs/.vuepress/enhanceApp.js @@ -0,0 +1,14 @@ +/** + * Client app enhancement file. + * + * https://v1.vuepress.vuejs.org/guide/basic-config.html#app-level-enhancements + */ + +export default ({ + Vue, // the version of Vue being used in the VuePress app + options, // the options for the root Vue instance + router, // the router instance for the app + siteData // site metadata +}) => { + // ...apply enhancements for the site. +} diff --git a/vue-admin-wonderful-next-docs/docs/.vuepress/styles/index.styl b/vue-admin-wonderful-next-docs/docs/.vuepress/styles/index.styl new file mode 100644 index 0000000..420feb9 --- /dev/null +++ b/vue-admin-wonderful-next-docs/docs/.vuepress/styles/index.styl @@ -0,0 +1,8 @@ +/** + * Custom Styles here. + * + * ref：https://v1.vuepress.vuejs.org/config/#index-styl + */ + +.home .hero img + max-width 450px!important diff --git a/vue-admin-wonderful-next-docs/docs/.vuepress/styles/palette.styl b/vue-admin-wonderful-next-docs/docs/.vuepress/styles/palette.styl new file mode 100644 index 0000000..6490cb3 --- /dev/null +++ b/vue-admin-wonderful-next-docs/docs/.vuepress/styles/palette.styl @@ -0,0 +1,10 @@ +/** + * Custom palette here. + * + * ref：https://v1.vuepress.vuejs.org/zh/config/#palette-styl + */ + +$accentColor = #3eaf7c +$textColor = #2c3e50 +$borderColor = #eaecef +$codeBgColor = #282c34 diff --git a/vue-admin-wonderful-next-docs/docs/README.md b/vue-admin-wonderful-next-docs/docs/README.md new file mode 100644 index 0000000..48b0786 --- /dev/null +++ b/vue-admin-wonderful-next-docs/docs/README.md @@ -0,0 +1,16 @@ +--- +home: true +heroImage: https://v1.vuepress.vuejs.org/hero.png +heroText: vue-admin-wonderful +tagline: 这是 vue3.x + vite + element plus + typeScript 的开发文档 +actionText: 快速上手 → +actionLink: /guide/ +features: +- title: 全注释 + details: 代码方法全有注释，方便理解。 +- title: 多版本 + details: 有pro版本，也有基础版本，适当选择。 +- title: 解疑问 + details: 加群解答探讨开发中遇到的各种问题。 +footer: Made by lyt with ❤️ +--- \ No newline at end of file diff --git a/vue-admin-wonderful-next-docs/docs/config/README.md b/vue-admin-wonderful-next-docs/docs/config/README.md new file mode 100644 index 0000000..63a04b9 --- /dev/null +++ b/vue-admin-wonderful-next-docs/docs/config/README.md @@ -0,0 +1,15 @@ +--- +sidebar: auto +--- + +# Config + +## foo + +- Type: `string` +- Default: `/` + +## bar + +- Type: `string` +- Default: `/` diff --git a/vue-admin-wonderful-next-docs/docs/guide/README.md b/vue-admin-wonderful-next-docs/docs/guide/README.md new file mode 100644 index 0000000..fc82aec --- /dev/null +++ b/vue-admin-wonderful-next-docs/docs/guide/README.md @@ -0,0 +1,5 @@ +# Introduction + +VuePress is composed of two parts: a [minimalistic static site generator](https://github.com/vuejs/vuepress/tree/master/packages/%40vuepress/core) with a Vue-powered [theming system](https://v1.vuepress.vuejs.org/theme/) and [Plugin API](https://v1.vuepress.vuejs.org/plugin/), and a [default theme](https://v1.vuepress.vuejs.org/theme/default-theme-config.html) optimized for writing technical documentation. It was created to support the documentation needs of Vue's own sub projects. + +Each page generated by VuePress has its own pre-rendered static HTML, providing great loading performance and is SEO-friendly. Once the page is loaded, however, Vue takes over the static content and turns it into a full Single-Page Application (SPA). Additional pages are fetched on demand as the user navigates around the site. diff --git a/vue-admin-wonderful-next-docs/docs/guide/using-vue.md b/vue-admin-wonderful-next-docs/docs/guide/using-vue.md new file mode 100644 index 0000000..71ac45b --- /dev/null +++ b/vue-admin-wonderful-next-docs/docs/guide/using-vue.md @@ -0,0 +1,9 @@ +# Using Vue in Markdown + +## Browser API Access Restrictions + +Because VuePress applications are server-rendered in Node.js when generating static builds, any Vue usage must conform to the [universal code requirements](https://ssr.vuejs.org/en/universal.html). In short, make sure to only access Browser / DOM APIs in `beforeMount` or `mounted` hooks. + +If you are using or demoing components that are not SSR friendly (for example containing custom directives), you can wrap them inside the built-in `` component: + +## diff --git a/vue-admin-wonderful-next-docs/package.json b/vue-admin-wonderful-next-docs/package.json new file mode 100644 index 0000000..d472023 --- /dev/null +++ b/vue-admin-wonderful-next-docs/package.json @@ -0,0 +1,21 @@ +{ + "name": "vue-admin-wonderful-next-docs", + "version": "0.0.1", + "description": "这是vue3.0 + vite + element plus + typeScript开发文档", + "main": "index.js", + "authors": { + "name": "lyt", + "email": "1105290566@qq.com" + }, + "repository": "https://gitee.com/lyt-top/vue-admin-wonderful-next-docs.git/vue-admin-wonderful-next-docs", + "scripts": { + "dev": "vuepress dev docs", + "build": "vuepress build docs" + }, + "license": "MIT", + "devDependencies": { + "vuepress": "^1.3.1", + "@vuepress/plugin-back-to-top": "^1.3.1", + "@vuepress/plugin-medium-zoom": "^1.3.1" + } +} diff --git a/vue-admin-wonderful-next-images/docs/create-project/bash1.png b/vue-admin-wonderful-next-images/docs/create-project/bash1.png new file mode 100644 index 0000000..9b224be Binary files /dev/null and b/vue-admin-wonderful-next-images/docs/create-project/bash1.png differ diff --git a/vue-admin-wonderful-next-images/docs/create-project/bash2.png b/vue-admin-wonderful-next-images/docs/create-project/bash2.png new file mode 100644 index 0000000..a4e8470 Binary files /dev/null and b/vue-admin-wonderful-next-images/docs/create-project/bash2.png differ diff --git a/vue-admin-wonderful-next-images/docs/home/hero.png b/vue-admin-wonderful-next-images/docs/home/hero.png new file mode 100644 index 0000000..ac6beaf Binary files /dev/null and b/vue-admin-wonderful-next-images/docs/home/hero.png differ diff --git a/vue-admin-wonderful-next-images/favicon/favicon.ico b/vue-admin-wonderful-next-images/favicon/favicon.ico new file mode 100644 index 0000000..9b56b38 Binary files /dev/null and b/vue-admin-wonderful-next-images/favicon/favicon.ico differ diff --git a/vue-admin-wonderful-next-images/logo/logo-docs-large-element-text.svg b/vue-admin-wonderful-next-images/logo/logo-docs-large-element-text.svg new file mode 100644 index 0000000..cfc9aec --- /dev/null +++ b/vue-admin-wonderful-next-images/logo/logo-docs-large-element-text.svg @@ -0,0 +1,11 @@ + \ No newline at end of file diff --git a/vue-admin-wonderful-next-images/logo/logo-docs-large-element.svg b/vue-admin-wonderful-next-images/logo/logo-docs-large-element.svg new file mode 100644 index 0000000..928cfa8 --- /dev/null +++ b/vue-admin-wonderful-next-images/logo/logo-docs-large-element.svg @@ -0,0 +1,9 @@ + \ No newline at end of file diff --git a/vue-admin-wonderful-next-images/logo/logo-docs-large-vue-text.svg b/vue-admin-wonderful-next-images/logo/logo-docs-large-vue-text.svg new file mode 100644 index 0000000..9d39a86 --- /dev/null +++ b/vue-admin-wonderful-next-images/logo/logo-docs-large-vue-text.svg @@ -0,0 +1,10 @@ + \ No newline at end of file diff --git a/vue-admin-wonderful-next-images/logo/logo-docs-large-vue.svg b/vue-admin-wonderful-next-images/logo/logo-docs-large-vue.svg new file mode 100644 index 0000000..193a9d9 --- /dev/null +++ b/vue-admin-wonderful-next-images/logo/logo-docs-large-vue.svg @@ -0,0 +1,9 @@ + \ No newline at end of file diff --git a/vue-admin-wonderful-next-images/logo/logo-docs-mini.svg b/vue-admin-wonderful-next-images/logo/logo-docs-mini.svg new file mode 100644 index 0000000..ab8733d --- /dev/null +++ b/vue-admin-wonderful-next-images/logo/logo-docs-mini.svg @@ -0,0 +1,9 @@ + \ No newline at end of file diff --git a/vue-admin-wonderful-next-images/logo/logo-element.svg b/vue-admin-wonderful-next-images/logo/logo-element.svg new file mode 100644 index 0000000..aaa774c --- /dev/null +++ b/vue-admin-wonderful-next-images/logo/logo-element.svg @@ -0,0 +1,9 @@ + \ No newline at end of file diff --git a/vue-admin-wonderful-next-images/logo/logo-vue.svg b/vue-admin-wonderful-next-images/logo/logo-vue.svg new file mode 100644 index 0000000..6d3b6b7 --- /dev/null +++ b/vue-admin-wonderful-next-images/logo/logo-vue.svg @@ -0,0 +1,9 @@ + \ No newline at end of file diff --git a/vue-admin-wonderful-next-images/logo/logo-web-element.svg b/vue-admin-wonderful-next-images/logo/logo-web-element.svg new file mode 100644 index 0000000..6e08cae --- /dev/null +++ b/vue-admin-wonderful-next-images/logo/logo-web-element.svg @@ -0,0 +1,6 @@ + \ No newline at end of file diff --git a/vue-admin-wonderful-next-images/logo/logo-web-vue.svg b/vue-admin-wonderful-next-images/logo/logo-web-vue.svg new file mode 100644 index 0000000..331a341 --- /dev/null +++ b/vue-admin-wonderful-next-images/logo/logo-web-vue.svg @@ -0,0 +1,6 @@ + \ No newline at end of file diff --git a/vue-admin-wonderful-next-images/logo/logo-web-white.svg b/vue-admin-wonderful-next-images/logo/logo-web-white.svg new file mode 100644 index 0000000..1a4d3ac --- /dev/null +++ b/vue-admin-wonderful-next-images/logo/logo-web-white.svg @@ -0,0 +1,6 @@ + \ No newline at end of file diff --git a/vue-admin-wonderful-next/.gitignore b/vue-admin-wonderful-next/.gitignore new file mode 100644 index 0000000..53f7466 --- /dev/null +++ b/vue-admin-wonderful-next/.gitignore @@ -0,0 +1,5 @@ +node_modules +.DS_Store +dist +dist-ssr +*.local \ No newline at end of file diff --git a/vue-admin-wonderful-next/index.html b/vue-admin-wonderful-next/index.html new file mode 100644 index 0000000..a508f20 --- /dev/null +++ b/vue-admin-wonderful-next/index.html @@ -0,0 +1,13 @@ + + + + + + + Vite App + + +

+ + + diff --git a/vue-admin-wonderful-next/package.json b/vue-admin-wonderful-next/package.json new file mode 100644 index 0000000..16077b7 --- /dev/null +++ b/vue-admin-wonderful-next/package.json @@ -0,0 +1,15 @@ +{ + "name": "vue-admin-wonderful-next", + "version": "0.0.0", + "scripts": { + "dev": "vite", + "build": "vite build" + }, + "dependencies": { + "vue": "^3.0.4" + }, + "devDependencies": { + "vite": "^1.0.0-rc.13", + "@vue/compiler-sfc": "^3.0.4" + } +} \ No newline at end of file diff --git a/vue-admin-wonderful-next/public/favicon.ico b/vue-admin-wonderful-next/public/favicon.ico new file mode 100644 index 0000000..df36fcf Binary files /dev/null and b/vue-admin-wonderful-next/public/favicon.ico differ diff --git a/vue-admin-wonderful-next/shims.d.ts b/vue-admin-wonderful-next/shims.d.ts new file mode 100644 index 0000000..314e3aa --- /dev/null +++ b/vue-admin-wonderful-next/shims.d.ts @@ -0,0 +1,4 @@ +declare module '*.vue' { + import Vue from 'vue' + export default Vue +} \ No newline at end of file diff --git a/vue-admin-wonderful-next/src/App.vue b/vue-admin-wonderful-next/src/App.vue new file mode 100644 index 0000000..0eee8cd --- /dev/null +++ b/vue-admin-wonderful-next/src/App.vue @@ -0,0 +1,15 @@ + + + diff --git a/vue-admin-wonderful-next/src/assets/logo.png b/vue-admin-wonderful-next/src/assets/logo.png new file mode 100644 index 0000000..f3d2503 Binary files /dev/null and b/vue-admin-wonderful-next/src/assets/logo.png differ diff --git a/vue-admin-wonderful-next/src/components/HelloWorld.vue b/vue-admin-wonderful-next/src/components/HelloWorld.vue new file mode 100644 index 0000000..b5015b0 --- /dev/null +++ b/vue-admin-wonderful-next/src/components/HelloWorld.vue @@ -0,0 +1,19 @@ + + + diff --git a/vue-admin-wonderful-next/src/index.css b/vue-admin-wonderful-next/src/index.css new file mode 100644 index 0000000..852de7a --- /dev/null +++ b/vue-admin-wonderful-next/src/index.css @@ -0,0 +1,8 @@ +#app { + font-family: Avenir, Helvetica, Arial, sans-serif; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + text-align: center; + color: #2c3e50; + margin-top: 60px; +} diff --git a/vue-admin-wonderful-next/src/main.ts b/vue-admin-wonderful-next/src/main.ts new file mode 100644 index 0000000..52ef6e1 --- /dev/null +++ b/vue-admin-wonderful-next/src/main.ts @@ -0,0 +1,6 @@ +import { createApp } from 'vue' +import App from './App.vue' +import './index.css' + +const app = createApp(App) +app.mount('#app') diff --git a/vue-admin-wonderful-next/vite.config.ts b/vue-admin-wonderful-next/vite.config.ts new file mode 100644 index 0000000..a7c8330 --- /dev/null +++ b/vue-admin-wonderful-next/vite.config.ts @@ -0,0 +1,5 @@ +module.exports = { + devServer: { + open: true + } +} \ No newline at end of file

{{ msg }}