Lightning Studio (Salesforce LWC Editor)

Salesforce has announced Lightning Web Components (LWC) in December 2018, in comparison to the existing Aura Framework. One of the main benefits of using LWC is, that it is more secure, fast, and lightweight. But for some reason, they decided not to provide the ability to code it directly from their developer console. Currently, the only way to do it is by using the VS Code and VS Code has many configurations such as an SFDX CLI and lots of extensions.

Now, you can make your LWC development easy and fast without configuration by using this Chrome extension.

How to use:

  • Install the extension: Lightning Studio
  • Log in to your salesforce org and click the Lightning Studio icon.
  • If installed for the first time, refresh the page before using it.

Features:

  • Quick 'Create New LWC Components' and 'Lightning Message Services'.
  • Create/Update Apex Classes.
  • Create a new file for a particular component.
  • Download & back up a component or specific file or full.
  • Find code in all LWC components.
  • Change the name of a specific file of the component.
  • Delete components or a specific file.
  • Quick save(deploy) your change by using 'CTRL+S'.
  • All LWC development snippets (shortcut keys) are available.
  • JSON Lint.
  • Diff Checker.

Editor Experience:

  • The look and experience of the editor are the same as the VS code.
  • Available VS Code themes.

Enjoy..! Thank You

Post a Comment

0 Comments