遇到问题在搭建完成正常开发的时候，也不知道在那个配置出了问题，每次一修改代码，保存vite都会重新reload，浏览器也会重新刷新，没有了热更新测试了好久发现问题出在unplugin-auto-import和unplugin-vue-components这两个插件第一个问题：直接使用默认的声明文件生产位置（和src同级），此时src下面的所有vue文件无法读取到声明文件，ts代码提示会有报错，但是不会出现pagereload和浏览器刷新问题image.png配置如下exportdefaultdefineConfig({plugins:[vue(),AutoImport({imports:['v
遇到问题在搭建完成正常开发的时候，也不知道在那个配置出了问题，每次一修改代码，保存vite都会重新reload，浏览器也会重新刷新，没有了热更新测试了好久发现问题出在unplugin-auto-import和unplugin-vue-components这两个插件第一个问题：直接使用默认的声明文件生产位置（和src同级），此时src下面的所有vue文件无法读取到声明文件，ts代码提示会有报错，但是不会出现pagereload和浏览器刷新问题image.png配置如下exportdefaultdefineConfig({plugins:[vue(),AutoImport({imports:['v
有很多种方法，但是依赖都跑不了。1、下载安装node.js，官网直接就有。2、安装typescriptnpmi-gtypescript3、创建一个ts文件4、使用tsc对ts进行编译这是网上常用的学习方式，我这边觉得有些过于无趣。我会用vue3或者react项目直接写ts。这样比较好玩！看你现在自己的技术框架是那个，自行想办法支持ts，vue2对ts不太友好，react一直挺友好的，vue3我还蛮喜欢的，对ts也很友好。看你自己兴趣去搭建一个能跑ts的项目。
有很多种方法，但是依赖都跑不了。1、下载安装node.js，官网直接就有。2、安装typescriptnpmi-gtypescript3、创建一个ts文件4、使用tsc对ts进行编译这是网上常用的学习方式，我这边觉得有些过于无趣。我会用vue3或者react项目直接写ts。这样比较好玩！看你现在自己的技术框架是那个，自行想办法支持ts，vue2对ts不太友好，react一直挺友好的，vue3我还蛮喜欢的，对ts也很友好。看你自己兴趣去搭建一个能跑ts的项目。
一开始使用TS不太习惯，但是用了一段时间，发现有类型的支持，书写起来真是爽歪歪，下面介绍几个TS初步上手时解决的类型支持的问题1、父子组件通过prop传参，在子组件中强化类型支持父组件向子组件传值，子组件通过defineProps接收值，有两种方式可以强化类型：1.1、在子组件中通过PropType修饰，并传入泛型，这时候会发现，使用的时候写一个点，后面的属性就提示出来了image.pngimage.png1.2、还可以定义一个type，在defineProps传入这个泛型type：image.png另外补充一下：如果要设置默认值需要使用withDefaults:typeProps={data
一开始使用TS不太习惯，但是用了一段时间，发现有类型的支持，书写起来真是爽歪歪，下面介绍几个TS初步上手时解决的类型支持的问题1、父子组件通过prop传参，在子组件中强化类型支持父组件向子组件传值，子组件通过defineProps接收值，有两种方式可以强化类型：1.1、在子组件中通过PropType修饰，并传入泛型，这时候会发现，使用的时候写一个点，后面的属性就提示出来了image.pngimage.png1.2、还可以定义一个type，在defineProps传入这个泛型type：image.png另外补充一下：如果要设置默认值需要使用withDefaults:typeProps={data
写在前面虽然说FetchAPI已经使用率已经非常的高了，但是在一些老的浏览器还是不支持的，而且axios仍然每周都保持2000多万的下载量，这就说明了axios仍然存在不可撼动的地位，接下来我们就一步一步的去封装，实现一个灵活、可复用的一个请求请发。这篇文章封装的axios已经满足如下功能：无处不在的代码提示；灵活的拦截器；可以创建多个实例，灵活根据项目进行调整；每个实例，或者说每个接口都可以灵活配置请求头、超时时间等；取消请求（可以根据url取消单个请求也可以取消全部请求）。基础封装首先我们实现一个最基本的版本，实例代码如下：//index.tsimportaxiosfrom'axios'i
写在前面虽然说FetchAPI已经使用率已经非常的高了，但是在一些老的浏览器还是不支持的，而且axios仍然每周都保持2000多万的下载量，这就说明了axios仍然存在不可撼动的地位，接下来我们就一步一步的去封装，实现一个灵活、可复用的一个请求请发。这篇文章封装的axios已经满足如下功能：无处不在的代码提示；灵活的拦截器；可以创建多个实例，灵活根据项目进行调整；每个实例，或者说每个接口都可以灵活配置请求头、超时时间等；取消请求（可以根据url取消单个请求也可以取消全部请求）。基础封装首先我们实现一个最基本的版本，实例代码如下：//index.tsimportaxiosfrom'axios'i
现在进入页面开发，组件库选择ElementPlus，考虑到前端写样式每个人的写法都不同，这样维护起来也是比较麻烦的，所以选择Tailwindcss，这样开发过程不用去想很多的类名，不用再去写css代码element-plus按需引入yarnaddunplugin-vue-components--save-dev//vite.config.tsimport{defineConfig}from'vite'importvuefrom'@vitejs/plugin-vue'importAutoImportfrom'unplugin-auto-import/vite'importComponentsfr
现在进入页面开发，组件库选择ElementPlus，考虑到前端写样式每个人的写法都不同，这样维护起来也是比较麻烦的，所以选择Tailwindcss，这样开发过程不用去想很多的类名，不用再去写css代码element-plus按需引入yarnaddunplugin-vue-components--save-dev//vite.config.tsimport{defineConfig}from'vite'importvuefrom'@vitejs/plugin-vue'importAutoImportfrom'unplugin-auto-import/vite'importComponentsfr
