SDF Building and Deploying Customization using WebStorm (PART 1)

March 25, 2022

This blog is the first Part of the series which will help you to set up WebStorm on your machine and connect NetSuite with WebStorm for Customization in NetSuite.  

In this blog, we will discuss two things related to WebStorm: 

  • How to set up WebStorm on your machine? 
  • How to connect NetSuite with WebStorm for NetSuite customization? 

Learn more about our NetSuite Services!

What is SuiteCloud IDE Plug-in for WebStorm?  

Overview 

SuiteCloud IDE plug-in for WebStorm is an integrated development environment (IDE)  packaged for NetSuite stage development. You can download SuiteCloud IDE plug-in for WebStorm as a plug-in installation, develop SDF projects, and deploy them to your account You can perform the following tasks using SDF project in the WebStorm plug-in: 

  • Manage multiple NetSuite domains and accounts. 
  • Import custom objects from the account. 
  • Upload your folders to the NetSuite File Cabinet.  
  • Compare files or objects with the NetSuite version. 
  • Use SuiteScript 2.0 API code completion. 
  • Access NetSuite menus  from the file folder and project level to select context menu actions i.e, you can add dependencies to the manifest, validate for errors, deploy solution, and modify project settings.  

Steps to Download WebStorm 

Follow steps below to download WebStorm: 

  1. Go to the link to download WebStorm

download WebStorm

 

2. Then, click the ‘Download’ button if you are using windows  or select tabs like macOS and Linux for downloading WebStorm. 

3. You will receive a zip file in your Download folder, open it and start installing the WebStorm. 

Download steps

4. Next, click the ‘Next’ button. 

5. Lastly, after selecting the folder where you want to save it like in C: Drive, click ‘Finish’ to install. 

NOTE: “While launching WebStorm a popup appears with question for licensing so either you provide your license credentials or login with a 30-day free trial”.  

Steps to Add the  SuiteCloud IDE Plug-in update site to WebStorm 

If you add the suiteCloud IDE update to WebStorm, you can easily download the latest version of the IDE that is compatible with your NetSuite account. 

Here are the steps to add SuiteCloud IDE update site for WebStorm: 

1. First,  launch WebStorm. 

2. Next, depending on your running system, do one of the following: 

    • If you are using a Windows OS (Operating System), select File > Settings. 
    •  If you are using a Mac OS, select WebStorm > Preferences. 

3.  Then, select Plugins, and click settings option. Select Manage Plugin Repositories 

4. In the Custom Plugin Repositories window, click + and enter the following: 

    • If you want to get the latest changes automatically every time the plug-in is updated, use: https://system.netsuite.com/download/suitecloud-sdk/ideplugin/webstorm/latest/updatePlugins.xml
    • If your account is on version 2021.2, use: https://system.netsuite.com/download/suitecloud-sdk/ideplugin/webstorm/21.2/updatePlugins.xml 

5. After that, select ‘OK.’ 

6. Type NetSuite’s Suite Cloud IDE Plug-in and then, click ‘Install.’ 

7. Lastly, ‘Restart’ WebStorm (from main menu, select File > Manage IDE setting > Restore Default Setting > click Restore and Restart). The IDE will be restarted with default configuration. 

Here is the image to understand point 7: 

Restart’ WebStorm

How to Connect WebStorm with NetSuite? 

Use the following steps to add an account. 

Steps to add an Account in SuiteCloud IDE Plug-in for WebStorm 

 Follow these steps to add an account: 

1. Depending on your running system, do one of the following in WebStorm: 

    • If you are using a window OS, select File > Settings > Tool > NetSuite > Accounts. 
    • If you are using a Mac OS, select WebStorm > Preferences > Tool > NetSuite. 

2. Click +, and from the dropdown list, select one of the following options: 

    • Via browser-based authentication: This option prompts a new window or tab from your default browser to authenticate your role. 
    • Via saved TBA token: This option prompts an option for you to enter the token secret and token ID with the help of credentials issued from NetSuite for that role.  

3. After authenticating your role, it adds your account to the account table. 

adds your account to the account table

Steps to modify an Account in SuiteCloud IDE Plug-in for WebStorm

Here are the steps to modify an account in SuiteCloud IDE Plug-in for WebStorm: 

1. First, depending on your running system, do one of the following on WebStorm: 

    • If you are using a window OS, select File > Settings > Tool > NetSuite > Accounts. 
    • If you are using a Mac OS, select WebStorm > Preferences > Tool > NetSuite. 

2. Then, from the account table, select the account-role combination  you want to update, and click . 

3. Finally, in the prompted window, modify the information that you want to update and click ‘OK.’ 

click ‘OK.’

After fulfilling the above requirements, CONGRATULATIONS, now your WebStorm is installed and connected to NetSuite. 

Conclusion: 

Hope now you know what is SuiteCloud IDE plug-in for WebStorm and how to connect with NetSuite. In the next blog of this series, we will discuss how to create scripts and bundles using WebStorm. So, for more information, don’t forget to check out the next blog of this series.