基于vue-cli脚手架使用Vue3+TS技术，在前端实现类似windows的窗口，可以对窗体容器拖拽，窗口大小调整等，封装成两个指令与一个组件，可以选择性调用，扩展性强。

本文是基于之前写的集成系统教程而来，后期在项目实践。

基于vue-cli脚手架使用Vue3+TS技术，在前端实现类似windows的窗口，可以对窗体容器拖拽，窗口大小调整等，封装成两个指令与一个组件，可以选择性调用，扩展性强。

基于vue-cli脚手架使用Vue3+TS技术，在前端实现类似windows的窗口，可以对窗体容器拖拽，窗口大小调整等，封装成两个指令与一个组件，可以选择性调用，扩展性强。

入行前端工作将近两年多时间了（如果算上实习），从一开始vue2入门，到现在vue3前端变化是真的快，刚了解webpack搭建项目流程，vite又横空出世，不得不说前端变化真的太快了，所以只有不停的学习才能跟得上大佬们的脚步；废话不多说，进入正题，由于公司的领导要求前端要有自己的脚手架项目，能拿过来就用，所以想着基于vite+vue3搭建一套基础的项目，但是想用在其他地方感觉通用性不强，所以打算做成

自从使用上vite和vue3后就爱不释手了，vite的秒级启动速度属实香，再加上vue3的CompositionAPI和setup语法糖的使用简便性，工作中新项目已经开始用这一套了。而且现在vite和vue3的第三方生态支持已经很好了（ps：可能还有些库不太兼容），所以打算借着这个机会再熟悉一下搭建与发布npm库的流程，之前基于vue-cli搭建过基于vue2的组件库vue-starry-sky，