Skip to content
Permalink
main
Switch branches/tags

Name already in use

A tag already exists with the provided branch name. Many Git commands accept both tag and branch names, so creating this branch may cause unexpected behavior. Are you sure you want to create this branch?

6012CEM_Movie_Club/README.md

Go to file
 
 
Cannot retrieve contributors at this time
Creating NodeJS and/or Web programs in Codio Make a new file View site or Current file Running Node Debug your Code Reconfigure your Panels for easier development
27 lines (16 sloc) 1.39 KB
Raw Blame
Open in GitHub Desktop

Creating NodeJS and/or Web programs in Codio

Make a new file

Use File > New File... or right-click in the file tree to create a new file. You can right-click in the file tree to rename or delete files.

As Codio detects which file is in focus, simply put your cursor into whichever code editor you want to preview and use the "Preview Current File".

View site or Current file

Use the Preview button (with the "play" icon) to see a preview of the website.

Use the drop-down arrow to the right of the "Preview Website" option to change the button to view the current file. You can also configure your preview button to open the preview as a new tab inside Codio, or as a new tab in your browser.

Running Node

Use the Run button (with the "rocketship" icon) to start the current NodeJS file. To stop node, press ctrl + c in the terminal.

Debug your Code

Use the "Debug Current NodeJS File" on the far right of the top menu bar to launch the debugger targeting the NodeJS file your cursor is in.

Use your browser's built in Developer Tools to debug other web projects such as HTML/CSS.

Reconfigure your Panels for easier development

Use the View > Panels menu on the top tool bar to segment your screen.

Simply drag the tab of the file or terminal (the part with the name) you want to move into the new panel.