To put it in other words, it allows web developers to use their existing knowledge to create native desktop clients for the most used operating systems – including Windows, Linux, MacOS and so on. For those who don't know it yet, we'll briefly recap what it is: Electron – formerly known as Atom Shell – is an open-source framework designed to build desktop GUI applications using HTML, CSS and JavaScript. If you want to get the latest version of the linked file, you need to right click it, and choose the Refresh option.We already talked about Electron a number of times, as it's one of the most interesting development frameworks available nowadays. Externally linked resources are not stored as files in your project, instead they're included in tags before the page's closing tag.īootstrap Studio caches external JS files for some time. In the dialog you can paste a URL to an externally hosted JS file and it will be added to your design.

Right click the JavaScript group and choose Link External JS. # Linking External JSīootstrap Studio allows you to link external JS files without importing them, which can be useful for things like JS libraries.

These settings allow you to adjust the font size, switch between tabs or spaces, and open the JS file in an External Editor. There are also a number of customization option that are accessible from the editor context menu. The built-in editor offers color highlighting, multiple selections, search & replace ( ) with regex support, and other helpful features. When you click the Apply button (or hit Ctrl/Cmd + S) the Preview is automatically reloaded so you can try out your changes immediately (see our tutorial about Preview and Export for more). This will open the file in the Editor panel in a new tab. To edit your JavaScript file, just double click it. When right clicking a JS file, selecting the Visibility option will open a dialog where you can control its visibility on the different pages of your design.

The Bootstrap framework's JS file is always included first in the page, before any other code.

Aadd plugins bootstrap studio