https://github.com/seho-dev/vue-sfc-composition-area

This is a Vscode plugin that assists Vue developers in writing better Composition API business logic with a Regional Mindset
https://github.com/seho-dev/vue-sfc-composition-area

Last synced: 16 days ago
JSON representation

This is a Vscode plugin that assists Vue developers in writing better Composition API business logic with a Regional Mindset

• Host: GitHub
• URL: https://github.com/seho-dev/vue-sfc-composition-area
• Owner: seho-dev
• Created: 2023-01-21T04:31:12.000Z (about 2 years ago)
• Default Branch: main
• Last Pushed: 2023-03-09T14:45:30.000Z (almost 2 years ago)
• Last Synced: 2025-01-20T23:49:45.742Z (21 days ago)
• Language: TypeScript
• Homepage:
• Size: 4.54 MB
• Stars: 2
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md

Awesome Lists containing this project

README

        
# vue-sfc-composition-area



  




[中文文档](https://github.com/1018715564/vue-sfc-composition-area/blob/main/README_CN.md)

This is a Vscode plugin that assists Vue developers in writing better **Composition API** business logic with a **Regional Mindset**



  



## How to use

After searching for [vue-sfc-composition-area](https://marketplace.visualstudio.com/items?itemName=swordjs.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

## Features

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

## Quick Preview

https://user-images.githubusercontent.com/35763284/214604500-11ffd85c-aa15-44c0-9f9f-5a00f3adabf4.mp4

## Unfinished Business

- Add smart cache mode for unnecessary AST analysis

- Support drag and drop area window for code order adjustment

- Nested support

## Principle

Script AST for Vue files to calculate the start and end positions of special tags, using the Vue responsive core inside the source code