From 0fc4f736cab0801942eb089dc693c611a56a7255 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E2=80=98chen=2Ehome=E2=80=99?= <1147347984@qq.com> Date: Sat, 6 Aug 2022 14:12:03 +0800 Subject: [PATCH] =?UTF-8?q?chore(projects):=20=E5=A2=9E=E5=8A=A0unocss?= =?UTF-8?q?=EF=BC=8C=E6=B7=BB=E5=8A=A0=E5=85=A8=E5=B1=80=E6=A0=B7=E5=BC=8F?= =?UTF-8?q?=E8=A1=A8?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- README.md | 7 +++++-- build/plugins/index.ts | 3 ++- build/plugins/unocss.ts | 3 +++ package.json | 1 + src/main.ts | 3 +++ src/plugins/assets.ts | 6 ++++++ src/plugins/index.ts | 3 +++ src/router/guard/index.ts | 8 +++++++- src/styles/css/index.css | 0 src/styles/sass/index.sass | 0 src/views/login/index.vue | 4 +++- src/views/test/test1.vue | 1 + 12 files changed, 34 insertions(+), 5 deletions(-) create mode 100644 build/plugins/unocss.ts create mode 100644 src/plugins/assets.ts create mode 100644 src/plugins/index.ts create mode 100644 src/styles/css/index.css create mode 100644 src/styles/sass/index.sass diff --git a/README.md b/README.md index e62d861..34b8715 100644 --- a/README.md +++ b/README.md @@ -43,12 +43,15 @@ pnpm dev pnpm build ``` -- cz插件提交git - +Git 提交规范 +项目已经内置angular提交规范，通过git cz 代替git commit 命令即可。 ```bash +pnpm cz +or pnpm commit ``` + ## 素材来源 [iconfont-阿里巴巴矢量图标库](https://www.iconfont.cn/collections/detail?spm=a313x.7781069.1998910419.d9df05512&cid=39973) diff --git a/build/plugins/index.ts b/build/plugins/index.ts index be86f6a..1b2ba69 100644 --- a/build/plugins/index.ts +++ b/build/plugins/index.ts @@ -1,6 +1,7 @@ import vue from './vue'; import compress from './compress'; import html from './html'; +import unocss from './unocss'; /** * @description: 设置vite插件配置 @@ -8,7 +9,7 @@ import html from './html'; * @return {*} */ export function setVitePlugins(env) { - const plugins = [...vue, html(env)]; + const plugins = [...vue, html(env), unocss]; if (env.VITE_COMPRESS_OPEN === 'Y') { plugins.push(compress(env)); diff --git a/build/plugins/unocss.ts b/build/plugins/unocss.ts new file mode 100644 index 0000000..06b7cc9 --- /dev/null +++ b/build/plugins/unocss.ts @@ -0,0 +1,3 @@ +import Unocss from 'unocss/vite'; // https://github.com/unocss/unocss + +export default Unocss(); diff --git a/package.json b/package.json index 7be83b1..e9a5031 100644 --- a/package.json +++ b/package.json @@ -50,6 +50,7 @@ "lint-staged": "^13.0.3", "prettier": "^2.7.1", "typescript": "^4.6.4", + "unocss": "^0.45.5", "vite": "^3.0.0", "vite-plugin-compression": "^0.5.1", "vite-plugin-html": "^3.2.0", diff --git a/src/main.ts b/src/main.ts index 20b3468..5764435 100644 --- a/src/main.ts +++ b/src/main.ts @@ -1,8 +1,11 @@ import { createApp } from 'vue'; import App from './App.vue'; import { setupRouter } from './router'; +import { setupAssets } from './plugins'; async function setupApp() { + // 引入静态资源 + setupAssets(); // 创建vue实例 const app = createApp(App); // 安装router diff --git a/src/plugins/assets.ts b/src/plugins/assets.ts new file mode 100644 index 0000000..e7679c8 --- /dev/null +++ b/src/plugins/assets.ts @@ -0,0 +1,6 @@ +// 全局引入的静态资源 +import 'uno.css'; + +export default function setupAssets() { + // +} diff --git a/src/plugins/index.ts b/src/plugins/index.ts new file mode 100644 index 0000000..4de580b --- /dev/null +++ b/src/plugins/index.ts @@ -0,0 +1,3 @@ +import setupAssets from './assets'; + +export { setupAssets }; diff --git a/src/router/guard/index.ts b/src/router/guard/index.ts index ebd7355..2f74a63 100644 --- a/src/router/guard/index.ts +++ b/src/router/guard/index.ts @@ -2,7 +2,13 @@ import type { Router } from 'vue-router'; export function setupRouterGuard(router: Router) { router.beforeEach((to, from, next) => { - console.log('%c [to]-24', 'font-size:13px; background:pink; color:#bf2c9f;', to); + // console.log('%c [to]-24', 'font-size:13px; background:pink; color:#bf2c9f;', to); next(); }); + router.afterEach((to) => { + // 设置document title + // useTitle(to.meta.title); + // 结束 loadingBar + // window.$loadingBar?.finish(); + }); } diff --git a/src/styles/css/index.css b/src/styles/css/index.css new file mode 100644 index 0000000..e69de29 diff --git a/src/styles/sass/index.sass b/src/styles/sass/index.sass new file mode 100644 index 0000000..e69de29 diff --git a/src/views/login/index.vue b/src/views/login/index.vue index 1269a6a..a22cd37 100644 --- a/src/views/login/index.vue +++ b/src/views/login/index.vue @@ -1,7 +1,9 @@ diff --git a/src/views/test/test1.vue b/src/views/test/test1.vue index 6090d46..672bdb3 100644 --- a/src/views/test/test1.vue +++ b/src/views/test/test1.vue @@ -1,5 +1,6 @@