kzj0916的博客

项目成果码云项目地址觉得不错的话，帮忙点个star!万分感谢具体效果下载项目后浏览，相当于用vue3 ts 重构了之前的项目技术栈分布情况学习收获学习此项目你将会收获vue3的项目实战使用 setup等新增语法使用以及结合ts对vue3的支持ElementPlus项目实战使用 对应更新内容的调整使用工程化管理项目的书写规范 提交风格等ts 封装vuex中的mapgetters… 封装网络请求vue3封装具有更强通用性的组件以及封装组件的思想如何正确的根据项目结构化来划分ts

安装准备先安装elementplusnpm install element-plus --save安装自动导入的插件npm install -D unplugin-vue-components unplugin-auto-import配置vue.config.jsconst AutoImport = require('unplugin-auto-import/webpack')const Components = require('unplugin-vue-components/webpa

前言最近学习了vue3又学习了ts，学完准备搭建一个项目练练手时。突然想起现在封装的网络请求貌似是vue2和原生js以及axios结合使用的，所以当我们使用vue3和ts进行开发的时候那肯定也得根据当前的技术来重新封装一个结构性更强的基于axios的网络请求体系。封装好了我们以后搭建项目可以说直接采用就好了，学习此文能让我们体会ts在封装网络请求时所给予更加完善的安全性，让我们来看看ts的独特魅力吧。结构预览及说明src下新建service文件夹为主文件夹request为封装请求的文件夹con

前言最近在学习typescript，也就是我们常说的TS，它是JS的超集。具体介绍就不多说了，今天主要是带大家用webpack从零搭建一个TS开发环境。直接用传统的tsc xx.ts文件进行编译的话太繁琐，不利于我们开发，经过这次手动配置，我们也能知道vue3内部对TS的webpack进行了怎样的配置，废话不多说进入正题。Node 编译TS先讲讲如何运行ts文件吧，最传统的方式当然是直接输入命令tsc xxx.ts当然你必须得先安装过ts，如果没有请执行以下命令npm install ty