Elementor VSCode

This is an extension for Visual Studio Code that adds Elementor related features.

Features

• Set path for Elementor Core and Elementor Pro
• Watch SCSS and JS files for changes
• Build Plugin

Getting Started

Prerequisites

• Visual Studio Code
• Node.js and npm
• Elementor Core / Elementor Pro

Installation

1. Open Visual Studio Code
2. Press Ctrl+P to open the Quick Open dialog
3. Type ext install MaorKavod.elementor-vscode to install the extension
4. Restart Visual Studio Code and select the installed extension

Usage

1. npm install to install elementor dependencies
2. Run npm run scripts and npm run styles in the Elementor Core and Elementor Pro directories, To generate the JS and CSS files for the first time, So the watcher will be able to watch the files.
3. After Extension installation, you'll need to set the paths for Elementor Core and Elementor Pro in the extension settings.
4. VS Code's activity bar will display an “Elementor” icon

All changes to files (both JS and CSS) will be alerted to you by the watchers in VS Code. There will be a popup in the bottom right corner of the screen that will alert you to the changes, With the file name and the path to the file. ( JS & CSS )

Build Plugin - Will run the build script in Elementor Core and Elementor Pro directories. Soon as the build process is complete, You will be promoted and able to open the build folder.

License

Distributed under the MIT License. See LICENSE.md for more information.