A designer for quickly creating code snippet, Scaffold Cascade, and Schematic diagram.

Quickly initialize the project,Stackable layer structure,Programmable input logic,Dynamic code snippets,Code-level dependency injection

Quick Start

• You need to log in first to use the following features

  If you don't have an account, you need to register. Command register
  Log in. Command login

• First, design the functions needed for the call, and then make the call.

Design

Template

• In the editor, right-click and cut the code; in the file manager, right-click the file/folder and add it to the template

Common - Replace Value

• Select the content will be replaced when generating

  For example,select world=>hello {{input}},When the call action is triggered, Enter world for the input and it will be replaced by hello world.

• Support for upcase, downcase, capitalize, camelcase, pascalcase, kebabcase to format the input, such as {{upcase xxx}}, after the variable is input, it will be capitalized.

  Support abbreviations, such as: up=>upcase.

Common - Conditional

• Select the content will become optional when generated

  You can add the default value in the configuration page

• Call action will have interactive prompts

Common - Select/Exclude

• Select the content will be added/excluded in the template

  Default is all

Language - Select/Exclude

• Similar to the common中的select/exclude, but allow interactive determination of the range

Content - Invert/Select

• The content of the selected will be excluded or included in the template

  Default is Select

Highlight

• View the templates that have been processed

Update Content

• When the file is updated, update the scope of the cut operation for the file.
• After updating, check if the update scope is correct.

Preview

• Query the processed cut content.

  The generated content will be used as a template.

Code Snippet

• Create Code snippet

  Command create-snippet

• Select treated template parts or create content directly

Dynamic Code Snippet

• Insert code snippet and call actions
• Support the input of chosen file content and insert code snippet content into the action.
• When using the ${1:} syntax of the code snippet itself and {{1}} regular expression match insert, the writing method is like this: ${1:{{1~}}}

  Currently a design problem, will be modified in the future.

Action

• Create Action

  Command create-action

• Add file template, pure file template, action nested, custom rules

Custom Rule - Context

• Chosen file/folder path, Current workspace folder path
• If called by the Code Snippet, there are chosen content, inserted content, and parameters.

AST View Debugger

• Located in the right upper corner of the editor's title bar.
• Used for visual debugging when selecting custom rule

CSS Selector Universal Language Query

• Use css selector for different language node queries
• Implement the majority of the CSS selector functions

Description

• Custom pseudo-classes :raw: used to query the original value/tag attribute of the current node

  xxx:raw([value=yyy]); this selector is used in very extreme scenarios and is used only in a few cases.

• ::parent: query the parent element

• ::children(x): query the xth child element of the current element

• ::xx: query the custom child element defined in the current language.

• Custom pseudo-classes :use: like :is,Can query siblings and descendants

Query general attributes of a node

• index: Index representing the position of the current node in its parent.
• tag: Label of the node.
• value: Text of the current node.
• range: Position of the current node.
• children: List of child elements of the current node.
• type: Type of the node (node/token).

Supported Language/Grammar

• typescript(typescript)
• typescript(javascript)
• typescript(typescriptreact)
• typescript(javascriptreact)
• @angular/compiler(ng-html)
• @angular/compiler(html)
• htmlparser2(html)
• htmlparser2(xml)
• jsonc-parser(json)
• gsql-ast-parser(sql)
• @vue/compiler-dom(vue)

Call

Action

• Select file/folder right-click in the File Manager to call
• Execute command callActionByFile in the Editor

Code snippet

• Define and use directly

Support

The project code contains

Other

About open source

• Before developers can maintain their livelihood and ensure sufficient energy to develop the plugin, the plugin will not be open-source temporarily.
• When developers can make a living from the plugin and maintain their lives, we will consider open-sourceing.
• Currently, the plugin has no commercial earnings.
• If you have better ideas for commercialization, please contact me at any time:wszgrcy@gmail.com