From d8c0335500dddc8d2b4cb01b0d4ec31400f13672 Mon Sep 17 00:00:00 2001 From: wangxiang <1827945911@qq.com> Date: Sun, 8 May 2022 20:12:29 +0800 Subject: [PATCH] =?UTF-8?q?=F0=9F=91=A3=20=E9=87=8D=E6=9E=84=E5=BA=95?= =?UTF-8?q?=E5=B1=82?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- kicc-ui/README.md | 19 ++++++++++++++++--- kicc-ui/package.json | 8 ++++---- 2 files changed, 20 insertions(+), 7 deletions(-) diff --git a/kicc-ui/README.md b/kicc-ui/README.md index 6040aa2d..7c8b5f19 100644 --- a/kicc-ui/README.md +++ b/kicc-ui/README.md @@ -30,15 +30,28 @@ kicc-ui 是基于vben Admin的模板开发，使用了最新的`vue3`,`vite2`,`T - [Mock.js](https://github.com/nuysoft/Mock) - mockjs 基本语法 ## 🍀 需要注意的地方 -- hooks目录: 基于Vue3-Composition-API二次封装的使用实用程序的组合api,目的为了扩展@vueuse/core组合api -- utils目录: 二次封装,或原生写的工具类,不会去使用一些框架的钩子 + +##1.钩子工具跟项目基础工具区别 +- **hooks目录: 基于Vue3-Composition-API二次封装的使用实用程序的组合api,目的为了扩展@vueuse/core组合api** +- **utils目录: 二次封装,或原生写的工具类,不会去使用一些框架的钩子** ```bash 两者的区别: 可以理解为两者都是工具,但是区别在于utils目录没有使用Vue3-Composition-API封装, hooks目录使用了Vue3-Composition-API,hooks目录说的在明白一点就是在扩展自己的Vue3-Composition-API ``` -Vue3-Composition-API官方介绍: https://staging-cn.vuejs.org/guide/extras/composition-api-faq.html +**Vue3-Composition-API官方介绍: https://staging-cn.vuejs.org/guide/extras/composition-api-faq.html** + +#2.打包前应该如何执行typescript类型检查 +- **vite是不支持typescript类型检查,因为没必要,现在的开发工具都是支持eslint的,让开发工具接管类型检查就行啦** +- **vite官网TypeScript介绍:https://vitejs.bootcss.com/guide/features.html#typescript** +- **注意:既然vite不支持typescript类型检查,那我们就应该要在发布编译阶段手动检查类型,要不然完全体现不出typescript在项目中的作用,使用了typescript就应该要检查代码是否符合类型规范** +```bash + 目前项目中有两者打包前检查方案 + vue-tsc: 不推荐使用,当前项目vue模板中很多组件库对类型的定义似乎不是那么完整,列如 +``` + +编译打包前类信息 type:check ## 🗽 启动项目 diff --git a/kicc-ui/package.json b/kicc-ui/package.json index 36b4691d..6b7b4428 100644 --- a/kicc-ui/package.json +++ b/kicc-ui/package.json @@ -9,18 +9,18 @@ }, "scripts": { "dev": "vite", + "lint:eslint": "eslint --cache --max-warnings 0 \"src/**/*.{vue,ts,tsx}\" --fix", "build": "cross-env NODE_ENV=production vite build && esno ./build/script/postBuild.ts", "build:test": "vite build --mode test && esno ./build/script/postBuild.ts", "build:no-cache": "yarn delete:cache && yarn run build", - "report": "cross-env REPORT=true yarn run build", - "type:check": "vue-tsc --noEmit --skipLibCheck", "preview": "yarn run build && vite preview", "preview:dist": "vite preview", + "report": "cross-env REPORT=true yarn run build", "log": "conventional-changelog -p angular -i CHANGELOG.md -s", "delete:lib": "rimraf node_modules", "delete:cache": "rimraf node_modules/.cache/ && rimraf node_modules/.vite", - "lint:eslint": "eslint --cache --max-warnings 0 \"src/**/*.{vue,ts,tsx}\" --fix", - "gen:icon": "esno ./build/generate/icon/index.ts" + "gen:icon": "esno ./build/generate/icon/index.ts", + "type:check": "vue-tsc --noEmit --skipLibCheck" }, "dependencies": { "@iconify/iconify": "2.2.1",