This is an extension for Visual Studio Code that adds Elementor related features.
Set path for Elementor Core and Elementor Pro
Watch SCSS and JS files for changes
Visual Studio Code
Node.js and npm
Elementor Core / Elementor Pro
Open Visual Studio Code
Press Ctrl+P to open the Quick Open dialog
Type ext install MaorKavod.elementor-vscode to install the extension
Restart Visual Studio Code and select the installed extension
npm install to install elementor dependencies
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.
After Extension installation, you'll need to set the paths for Elementor Core and Elementor Pro in the extension settings.
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.
Distributed under the MIT License. See LICENSE.md for more information.