How do you open the console on CodePen?

In a desktop browser, click the the “Console” button at the bottom of the Editor to open the console. The console will open up at the bottom of the preview panel. If you’ve selected a custom theme for your editor, the console will also use that theme.

By default, every time you save your project runs and automatically updates the preview. You can save and run your project by clicking the “Save All + Run” button in the header . You can also use the keyboard shortcut to save your current file (Command + S for Mac, CTRL + S for PC).

By default, every time you save your project runs and automatically updates the preview. You can save and run your project by clicking the “Save All + Run” button in the header . You can also use the keyboard shortcut to save your current file (Command + S for Mac, CTRL + S for PC).

But, you can use React on CodePen!

But, you can use React on CodePen!

You can turn on autocomplete in your editor settings. Under “Editor Options”, check the “Autocomplete” check box . When autocomplete is enabled this way, you’ll see autocomplete suggestions as you type in the HTML, CSS, and JS panels of the editor.

You can turn on autocomplete in your editor settings. Under “Editor Options”, check the “Autocomplete” check box . When autocomplete is enabled this way, you’ll see autocomplete suggestions as you type in the HTML, CSS, and JS panels of the editor.