The LIGHTNING STUDIO
Chrome extension for Lightning Web Components, Lightning Message Service and Apex Classes
Salesforce made a great move by making the Web Components part of the eco system by
introducing Lightning Web Component(LWC). 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, is by using the VS Code & Code builder. This is great, but if you’re in a hurry and
want to make some quick changes, it won’t be easy.
– Chrome Extension
Easy to use Lightning Studio
with modern development features
If you are a learner and student then this tool will be very useful for you because without any configuration you can take quick action here.
Your privacy is highly protected. We are not sharing or storing your credentials anywhere.
You can work with multiple salesforce organizations at the same time for multitasking.
The Lightning Studio will make your life as a Salesforce Lightning Developer a lot easier
- Quick 'Create New LWC Components' and 'Lightning Message Services'.
- Create/Update Apex Classes.
- Create a new file for a particular component.
- Download & backup a component or specific file
- 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.
- And much more!
1. Install
If you need any help with our products or services, choose one of the following ways to contact us.
2. Use the Salesforce org
After install, Just log in to salesforce org and click the "Lightning Studio" icon (browser top-right corner [chrome extension standard icon-bar]) when the icon changes to blue color.
A Lightning Studio is Easy to Use!
Document Formatting
Lightning Studio has great support for source code formatting. The editor has two explicit format actions:
- Format Document
- Format Selection
Word Wrap
A word processing feature that automatically transfers a word for which there is insufficient space from the end of one line of text to the beginning of the next
You can toggle word wrap for the Editor session with this button.
Command Palette
The Command Palette provides access to many commands. You can execute editor commands, open files, search for symbols, and see a quick outline of a file, all using the same interactive window. Here are a few tips: fn+F1 will let you navigate to any file or symbol by typing its name.
Additional features
Additional features on top bar
- Copy Session Id: A session Id is used to identify a user using salesforce UI or API tools, it has a time limit and can be manually expired by the user logging out or by an admin removing that session in Setup.
- Download: Current open file is for download which helps to backup your files without copy paste
- Save: The currently open file is to be saved in the database. You can also save with the help of the CTRL+S shortcut key
Explore (Toggle files section)
The Explorer is used to browse, open, and manage all of the files in your org.
After opening a files/folder in editor, the contents of the files/folder are shown
in the Explorer. You can do many things from here:
- Create, delete, and rename files
- Use the context menu to explore all options
Lightning Web Components
LWC (Lightning Web Components) has become a popular programming technique for creating web components. It provides specialized services that build on existing cutting-edge web technologies. In technology, a better user experience is the essential criteria for pushing change and innovation.
- Here you can easily create new Lightning Web Components.
Lightning Message Service
Lightning Message Service (LMS) allow you to communicate between Visualforce and Lightning Components (Aura and LWC both) on any Lightning page. LMS API allow you to publish message throughout the lightning experience and subscribe the same message anywhere with in lightning page.
- Here you can easily create new Lightning Message Service.
Apex Classes
An Apex class is a template or blueprint from which Apex objects are created. Classes consist of other classes, user-defined methods, variables, exception types, and static initialization code.
- Here you can easily create new Apex class.
Code Searcher
Lightning Studio Code Searcher that allows you to find Lightning Web Components quicker than normal.
Additional Features
Additional Features included useful features like debugging database errors when the component is deployed, editor theme and minimap.
- Debugging
- Themes
- Minimap
Additional Notes
- When you REFRESH the page will be lost your all modification so make sure your all changes will be saved before a refresh.
- If your access token has expired, Please take backup the previously modified files and close the editor and reopen.
- Do not modify and save the LWC in the Active/Production org.
Workaround
- Exception Types: FIELD_INTEGRITY_EXCEPTION, CUSTOM_FIELD_NOT_FOUND and INVALID_REFERENCE_SOBJECT_FIELD
- Summary: Unable to use @import with custom objects
- Repro: Try to import a custom field from your custom object
import CUSTOM_FIELD from '@salesforce/schema/Custom_Object__c.Custom_Field__c' - Workaround: Deploy your LWC Component using Standard Deployment? Salesforce Standard Deployment Model (ChangeSet)
Thank you for your support to LIGHTNING STUDIO
Need your support, Please review and share.
Get started now