这是一个Vscode插件, 主要帮助Vue3开发者编写更好的Composition API, 插件整体使用区域思想, 将区域和代码业务逻辑相关联, 无论你的代码有多长多复杂, 可以根据业务区域准确定位对应的代码
在Vscode插件市场中搜索 vue-sfc-composition-area 之后进行下载, 会在你的编辑器的左下角区域显示小窗口, 在窗口中提供了一些逻辑操作比如新增,刷新等; 当我们新增一个区域之后, 会在对应的Vue文件的script末尾添加一段注释, 你就可以把你的业务逻辑写到这个注释块中.
无论你的vue文件有多长，你都可以快速找到你的业务逻辑，你可以给每个区域一个相应的重要性级别，这样就可以进行分类，不同的级别在小窗口中会有不同的显示。
demo.mp4
- 为不必要的AST分析增加智能缓存模式
- 支持拖放区域窗口进行代码顺序调整
- 多级嵌套区域
Vue文件的AST脚本，用于计算特殊标签的开始和结束位置，源代码内部使用了Vue响应式核心库。