How To Use
Just log in to salesforce and click the "Salesforce LWC Editor" icon (browser top-right corner [chrome extension standard icon-bar]) when the icon changes to blue color.
If installed for the first time, refresh the page before using it.
Quick 'Create New Components' with additional configurations.
Apex Classes Create/Update.
Create a new file for a particular component.
Download & backup for a component or specific file.
Change the name of a specific file of the component.
Delete components or a specific file.
Quicksave (deploy) your change by using 'CTRL+S'.
You can find the menu (New File/Download/Rename etc...) by right-clicking on the file or folder name.
The look and experience of the editor are the same as the VS code.
All LWC/Apex development snippets (shortcut keys) are available.
Available VS Code themes.
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 the backup of the previously modified files and close the editor and reopen them.
You can use CTRL+S inside the code area to save code.
Do not modify and save the apex classes in the Active/Production org.
Issue: FIELD_INTEGRITY_EXCEPTION: Unable to use @import with custom objects
Step: Try to import a custom field from your custom object:
import SOME_FIELD from '@salesforce/schema/Some_Object__c.Some_Field__c';
Workaround: Deploy your LWC Component using Salesforce Standard Deployment Model (Editor bottom-right side checkbox).
Notes: Use the Salesforce standard deployment model when your code and all permissions are correct and still the error is occurring in the deployment. And try to save all the code/changes by writing it at once.
Ctrl+S | Save |
Ctrl+N | New Component |
Shift+Alt+F | Code Formatter & Beautifier |
Ctrl+MouseWheel | Zoom control |
Ctrl+F | Find |
Ctrl+H | Replace or ReplaceAll |
Ctrl+D | Add selection to next Find match |
Ctrl+Space | Trigger suggestion |
Shift+Alt+F | Format document |
Alt+Click | Insert multiple cursors |
Ctrl+L | Select current line |
Trigger | Type | Language | Content |
lightning: | Lightning | HTML | lightning-button, lightning-input, lightning-layout... |
slds: | SLDS | HTML | slds:modal, slds:table, slds:select... |
lwc: | Configuration tags | XML | lwc:target, lwc:target-community, lwc:design... |
Trigger | Content |
imp: | Import module : uiObjectInfoApi, navigation, toastEvent, pub-sub, apexClass... |
met: | Import standard functions constructor, connectedCallback, renderedCallback... |
wire: | wire method ( parametric / NonParametric ) |
apex: | apex imperative method ( parametric / NonParametric ) |
api: | Add @api:getter-setter, @api:function... |
Trigger | Content |
c: | Import console methods log, table, info... |
arr: | Import iterable (Array) function forEach, filter, forLoop, map... |
query: | Add querySelector methods... |
json: | JSON.parse, JSON.stringify... |
evt: | dataSet, stopPropagation, preventDefault... |
tcf: | try catch statement try {} catch (error) {} finally {} |
thenc: | adds then and catch declaration to a promise .then((res) => {).catch((err) => {}); |
prom: | creates a new Promise return new Promise((resolve, reject) => {}); |