This is a Vscode plugin that assists Vue developers in writing better Composition API business logic with a Regional Mindset
After searching for vue-sfc-composition-area in the vscode extension and installing it; you will see the window in the lower left corner of the vscode explorer, which you can use to create your Composition API logic
No matter how long your vue file is, you can quickly find your business logic, and you can give each area a corresponding level of importance so that it can be categorized, and the different levels will be displayed differently in the small window
demo.mp4
- Add smart cache mode for unnecessary AST analysis
- Support drag and drop area window for code order adjustment
- Nested support
Script AST for Vue files to calculate the start and end positions of special tags, using the Vue responsive core inside the source code