From d60ed749302e050b6ce19ce08b5199364af5568a Mon Sep 17 00:00:00 2001 From: "guoqi.sun" Date: Wed, 7 Feb 2024 12:48:31 +0800 Subject: [PATCH] :sparkles: feat: init --- .editorconfig | 9 + .gitignore | 29 + .husky/pre-commit | 4 + .npmrc | 2 + .vscode/extensions.json | 3 + .vscode/settings.json | 43 + README.md | 33 +- components.d.ts | 23 + eslint.config.js | 49 + index.html | 13 + jsconfig.json | 9 + netlify.toml | 11 + package.json | 39 + pnpm-lock.yaml | 4220 ++++++++++++++++++++++++++++++++ public/vite.svg | 1 + src/App.vue | 35 + src/assets/css/main.css | 28 + src/assets/vue.svg | 6 + src/components/MyComponent.vue | 13 + src/main.js | 14 + src/router/index.js | 23 + src/views/AboutView.vue | 13 + src/views/HomeView.vue | 13 + uno.config.js | 24 + vite.config.js | 29 + 25 files changed, 4684 insertions(+), 2 deletions(-) create mode 100644 .editorconfig create mode 100644 .gitignore create mode 100755 .husky/pre-commit create mode 100644 .npmrc create mode 100644 .vscode/extensions.json create mode 100644 .vscode/settings.json create mode 100644 components.d.ts create mode 100644 eslint.config.js create mode 100644 index.html create mode 100644 jsconfig.json create mode 100755 netlify.toml create mode 100644 package.json create mode 100644 pnpm-lock.yaml create mode 100644 public/vite.svg create mode 100644 src/App.vue create mode 100644 src/assets/css/main.css create mode 100644 src/assets/vue.svg create mode 100644 src/components/MyComponent.vue create mode 100644 src/main.js create mode 100644 src/router/index.js create mode 100644 src/views/AboutView.vue create mode 100644 src/views/HomeView.vue create mode 100644 uno.config.js create mode 100644 vite.config.js diff --git a/.editorconfig b/.editorconfig new file mode 100644 index 0000000..9d08a1a --- /dev/null +++ b/.editorconfig @@ -0,0 +1,9 @@ +root = true + +[*] +charset = utf-8 +indent_style = space +indent_size = 2 +end_of_line = lf +insert_final_newline = true +trim_trailing_whitespace = true diff --git a/.gitignore b/.gitignore new file mode 100644 index 0000000..8f16829 --- /dev/null +++ b/.gitignore @@ -0,0 +1,29 @@ +# Logs +logs +*.log +npm-debug.log* +yarn-debug.log* +yarn-error.log* +pnpm-debug.log* +lerna-debug.log* + +node_modules +.DS_Store +dist +dist-ssr +coverage +*.local + +/cypress/videos/ +/cypress/screenshots/ + +# Editor directories and files +.vscode/* +!.vscode/extensions.json +!.vscode/settings.json +.idea +*.suo +*.ntvs* +*.njsproj +*.sln +*.sw? diff --git a/.husky/pre-commit b/.husky/pre-commit new file mode 100755 index 0000000..7e15468 --- /dev/null +++ b/.husky/pre-commit @@ -0,0 +1,4 @@ +#!/usr/bin/env sh +. "$(dirname -- "$0")/_/husky.sh" + +npm run lint-staged diff --git a/.npmrc b/.npmrc new file mode 100644 index 0000000..cf04042 --- /dev/null +++ b/.npmrc @@ -0,0 +1,2 @@ +shamefully-hoist=true +strict-peer-dependencies=false diff --git a/.vscode/extensions.json b/.vscode/extensions.json new file mode 100644 index 0000000..c0a6e5a --- /dev/null +++ b/.vscode/extensions.json @@ -0,0 +1,3 @@ +{ + "recommendations": ["Vue.volar", "Vue.vscode-typescript-vue-plugin"] +} diff --git a/.vscode/settings.json b/.vscode/settings.json new file mode 100644 index 0000000..eae23ff --- /dev/null +++ b/.vscode/settings.json @@ -0,0 +1,43 @@ +{ + // Enable the ESlint flat config support + "eslint.experimental.useFlatConfig": true, + + // Disable the default formatter, use eslint instead + "prettier.enable": false, + "editor.formatOnSave": false, + + // Auto fix + "editor.codeActionsOnSave": { + "source.fixAll.eslint": "explicit", + "source.organizeImports": "never" + }, + + // Silent the stylistic rules in you IDE, but still auto fix them + "eslint.rules.customizations": [ + { "rule": "style/*", "severity": "off" }, + { "rule": "format/*", "severity": "off" }, + { "rule": "*-indent", "severity": "off" }, + { "rule": "*-spacing", "severity": "off" }, + { "rule": "*-spaces", "severity": "off" }, + { "rule": "*-order", "severity": "off" }, + { "rule": "*-dangle", "severity": "off" }, + { "rule": "*-newline", "severity": "off" }, + { "rule": "*quotes", "severity": "off" }, + { "rule": "*semi", "severity": "off" } + ], + + // Enable eslint for all supported languages + "eslint.validate": [ + "javascript", + "javascriptreact", + "typescript", + "typescriptreact", + "vue", + "html", + "markdown", + "json", + "jsonc", + "yaml", + "toml" + ] +} diff --git a/README.md b/README.md index b0bb69f..84abe48 100644 --- a/README.md +++ b/README.md @@ -1,2 +1,31 @@ -# home -个人主页/引导页 +## Why I created this project? + +> 以终为始，根据自己的习惯和偏好，打造自己的项目模版。 + +Vite 社区里有很多拿来即用的模版 [Community Templates](https://github.com/vitejs/awesome-vite#templates) 特别推荐[vitesse](https://github.com/antfu/vitesse) + +你可以利用它很快的创建一个项目，但......野花哪有家花香 (狗头) + +## What convenience can I get from it? + +- 学会如何从 0 到 1 搭建企业级前端项目框架 +- 更快更方便的创建前端项目 +- learn more + +## how to use it + +```shell +pnpm install -g degit +``` + +```shell +degit sun0225SUN/starter demo --force + +cd demo + +pnpm i + +pnpm dev +``` + +## Start creating your template now diff --git a/components.d.ts b/components.d.ts new file mode 100644 index 0000000..1a8a842 --- /dev/null +++ b/components.d.ts @@ -0,0 +1,23 @@ +/* eslint-disable */ +/* prettier-ignore */ +// @ts-nocheck +// Generated by unplugin-vue-components +// Read more: https://github.com/vuejs/core/pull/3399 +export {} + +declare module 'vue' { + export interface GlobalComponents { + AButton: typeof import('ant-design-vue/es')['Button'] + HelloWorld: typeof import('./src/components/HelloWorld.vue')['default'] + IconCommunity: typeof import('./src/components/icons/IconCommunity.vue')['default'] + IconDocumentation: typeof import('./src/components/icons/IconDocumentation.vue')['default'] + IconEcosystem: typeof import('./src/components/icons/IconEcosystem.vue')['default'] + IconSupport: typeof import('./src/components/icons/IconSupport.vue')['default'] + IconTooling: typeof import('./src/components/icons/IconTooling.vue')['default'] + MyComponent: typeof import('./src/components/MyComponent.vue')['default'] + RouterLink: typeof import('vue-router')['RouterLink'] + RouterView: typeof import('vue-router')['RouterView'] + TheWelcome: typeof import('./src/components/TheWelcome.vue')['default'] + WelcomeItem: typeof import('./src/components/WelcomeItem.vue')['default'] + } +} diff --git a/eslint.config.js b/eslint.config.js new file mode 100644 index 0000000..8c85529 --- /dev/null +++ b/eslint.config.js @@ -0,0 +1,49 @@ +// eslint.config.js +import antfu from '@antfu/eslint-config' + +export default antfu({ + // Enable stylistic formatting rules + // stylistic: true, + + // Or customize the stylistic rules + stylistic: { + indent: 2, // 4, or 'tab' + quotes: 'single', // or 'double' + }, + + unocss: true, + + // TypeScript and Vue are auto-detected, you can also explicitly enable them: + typescript: true, + vue: true, + + // Disable jsonc and yaml support + jsonc: true, + yaml: true, + + // `.eslintignore` is no longer supported in Flat config, use `ignores` instead + ignores: [ + './fixtures', + // ...globs + ], + + // Use external formatters to format files that ESLint cannot handle yet (.css, .html, etc). + formatters: { + /** + * Format CSS, LESS, SCSS files, also the ` diff --git a/src/assets/css/main.css b/src/assets/css/main.css new file mode 100644 index 0000000..50085cf --- /dev/null +++ b/src/assets/css/main.css @@ -0,0 +1,28 @@ +:root { + font-family: Inter, system-ui, Avenir, Helvetica, Arial, sans-serif; + line-height: 1.5; + font-weight: 400; + + color-scheme: light dark; + color: rgba(255, 255, 255, 0.87); + background-color: #242424; + + font-synthesis: none; + text-rendering: optimizeLegibility; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +// 浅色 +@media (prefers-color-scheme: light) { + :root { + color: #213547; + background-color: #ffffff; + } + a:hover { + color: #747bff; + } + button { + background-color: #f9f9f9; + } +} diff --git a/src/assets/vue.svg b/src/assets/vue.svg new file mode 100644 index 0000000..68149a4 --- /dev/null +++ b/src/assets/vue.svg @@ -0,0 +1,6 @@ + \ No newline at end of file diff --git a/src/components/MyComponent.vue b/src/components/MyComponent.vue new file mode 100644 index 0000000..e249ab5 --- /dev/null +++ b/src/components/MyComponent.vue @@ -0,0 +1,13 @@ + + + + + diff --git a/src/main.js b/src/main.js new file mode 100644 index 0000000..b16c755 --- /dev/null +++ b/src/main.js @@ -0,0 +1,14 @@ +import '@/assets/css/main.css' +import 'virtual:uno.css' + +import { createApp } from 'vue' + +import App from '@/App.vue' + +import router from '@/router' + +const app = createApp(App) + +app.use(router) + +app.mount('#app') diff --git a/src/router/index.js b/src/router/index.js new file mode 100644 index 0000000..3e49915 --- /dev/null +++ b/src/router/index.js @@ -0,0 +1,23 @@ +import { createRouter, createWebHistory } from 'vue-router' +import HomeView from '../views/HomeView.vue' + +const router = createRouter({ + history: createWebHistory(import.meta.env.BASE_URL), + routes: [ + { + path: '/', + name: 'home', + component: HomeView, + }, + { + path: '/about', + name: 'about', + // route level code-splitting + // this generates a separate chunk (About.[hash].js) for this route + // which is lazy-loaded when the route is visited. + component: () => import('../views/AboutView.vue'), + }, + ], +}) + +export default router diff --git a/src/views/AboutView.vue b/src/views/AboutView.vue new file mode 100644 index 0000000..65cbc63 --- /dev/null +++ b/src/views/AboutView.vue @@ -0,0 +1,13 @@ + + + + + diff --git a/src/views/HomeView.vue b/src/views/HomeView.vue new file mode 100644 index 0000000..2aab70d --- /dev/null +++ b/src/views/HomeView.vue @@ -0,0 +1,13 @@ + + + + + diff --git a/uno.config.js b/uno.config.js new file mode 100644 index 0000000..125df30 --- /dev/null +++ b/uno.config.js @@ -0,0 +1,24 @@ +// uno.config.ts +import { defineConfig, presetAttributify, presetIcons, presetMini, presetTypography, presetUno } from 'unocss' + +export default defineConfig({ + presets: [ + // mini + presetMini(), + // 默认预设 + presetUno(), + // 图标 + presetIcons(), + // 属性化 + presetAttributify(), + // 排版 + presetTypography(), + ], + shortcuts: [ + ['wh-full', 'w-full h-full'], + ['f-b-c', 'flex justify-between items-center'], + ['f-c-c', 'flex justify-center items-center'], + ['flex-col', 'flex flex-col'], + ['icon-btn', 'text-5 inline-block cursor-pointer select-none opacity-75 transition duration-200 ease-in-out hover:opacity-100 hover:text-primary !outline-none'], + ], +}) diff --git a/vite.config.js b/vite.config.js new file mode 100644 index 0000000..6e69863 --- /dev/null +++ b/vite.config.js @@ -0,0 +1,29 @@ +import { URL, fileURLToPath } from 'node:url' +import { defineConfig } from 'vite' +import Components from 'unplugin-vue-components/vite' +import { AntDesignVueResolver } from 'unplugin-vue-components/resolvers' +import vue from '@vitejs/plugin-vue' +import UnoCSS from 'unocss/vite' + +// https://vitejs.dev/config/ +export default defineConfig({ + plugins: [ + vue(), + UnoCSS(), + Components({ + resolvers: [ + AntDesignVueResolver({ + importStyle: false, // css in js + }), + ], + }), + ], + resolve: { + alias: { + '@': fileURLToPath(new URL('./src', import.meta.url)), + }, + }, + server: { + open: true, + }, +})