MagicBox-Snippets

This is Code Snippets of Magic Box for VS Code.

Install

Manual Install

Go to the git and download the snippets folder, then copy the files in the folder to the path directly:

• Mac: /Users/< your-user-name >/Library/Application Support/Code/User/snippets/
• Windows: < your-installed-driver > :\Users\ < your-user-name > \AppData\Roaming\Code\User\snippets\

Through VS Code Extensions

• From website: Go to Visual Studio Code Marketplace, and search 'Magic Box Snippets', then click the install button.
• From VS Code: click extensions sidebar, and search 'Magic Box Snippets', then click the install button.

Special Instruction

1. For the components like bk-table which need children components to be its content, use v-for to loop to generate the children components.

Snippets List

1. All the Magic Box tags below, ignore the closure and more detailed information. Such as bkr to <bk-radio>, actually that represents <bk-radio v-model="${1}" label="${2}">$3</bk-radio>
2. The sinppets' order follows the order of the components of Guide on Magic Box official website basically.
3. Totally 101 snippets. Will add more if necessary.
4. Only work in .vue file for now.

Basic Part

Form Part

Data Part

Notice Part

Navigation Part

Directive Part