Skip to content
master
Switch branches/tags
Code

Latest commit

 

Git stats

Files

Permalink
Failed to load latest commit information.
Type
Name
Latest commit message
Commit time
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

CREATE MALVID COMPONENT

The easiest way to create folders for Malvid components within VSCode

This extension allows you to create a component inside an already and unique existing "components" folder.

  1. The workspace directory will be scanned for a "components" folder, ignoring "node-modules" and "dist" folder

  2. If multiples "components" folder are found your component will be created at the root of the directory.

At the end you get a directory that looks like this:

-component_folder/
--component_folder.njk
--component_folder.config.js
--component_folder.data.js

Getting Started

  1. Install this extension.

  2. Restart VSCode

Usage

Activate command (cmd + Shift + p ) or use the context menu (right click)

choose between "New Malvid Component" or "New Malvid Component With Config".

screenshot

Features

Inside the "components" folder

We are looking for an existing "components" folder and components will be created there. If not, this falls back to the workspace root "vscode.workspace.rootPath"

Naming convention autocorrection

The name you enter will be converted in snake case.

i.e "loremFolder Ipsum" => "lorem_folder_ipsum"

Templates have preformated defaults

.njk file inherits the component name as class name

<div class="{componentName}">

</div>

.data.js files already have module.exports

module.exports = {

}

.config.js files already have module.exports

module.exports = {
	group: ''
}

🤙🏾 Thanks to Tobias Reich and Markus Morley

About

The easiest way to create folders for Malvid components inside VSCode

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published