Skip to main content

Code editor

Use Code when you need to inspect generated files or understand how the app was built.

Cocoding AI code tab in a project workspace
The code tab shares the workspace with chat, preview, database, and terminal controls.

Typical uses​

  • Confirm file structure after generation.
  • Inspect a page, component, API handler, or style file.
  • Ask the assistant to edit a specific file or component.
  • Compare the code view with the preview result.

Tips​

  • Reference file names when you ask for a change.
  • Use preview to verify visual changes.
  • Use terminal output to diagnose dependency or runtime errors.
  • Avoid editing secrets directly into source files.