External Editors

Bootstrap Studio's external editor support lets you easily connect your favorite code editor/IDE and edit CSS, JS, SASS and Custom Code.

Connecting External Editors

You can connect any editor like Visual Studio Code, Sublime Text, Atom, IntelliJ, Vim, Netbeans and more. To do this, just open Settings > External Editors. Bootstrap Studio will automatically detect the most popular editors that have been installed on your system. To add an additional editor, just hit the Add Editor button on the bottom right.

One more option in this screen is the dropdown for selecting a default editor. This is the editor that will be started when you double click a CSS, JS, SASS or Custom Code resource in Bootstrap Studio.

Opening Files in External Editors

Regardless of your Default Editor setting, you can choose to open a file in any editor by right clicking it and choosing Open In.

When you save your external file, it will be automatically synced with the app. An important note regarding the editing of CSS files, is that the code will be validated before it's imported. If there are any errors in it, Bootstrap Studio will reject the code and notify you.