> ## Documentation Index
> Fetch the complete documentation index at: https://docs.codebanana.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Dev Tools

> Use CodeBanana Dev Tools from the bottom-left panel, including Terminal commands, Service and port management, VM restart, killing processes, Git Status, commits, commit history, restore, and Deploy for persistent shareable app links.

### **Terminal**

The built-in Terminal allows developers to interact directly with the project environment.

* Execute commands within the project’s runtime environment
* Useful for:
  * Installing dependencies
  * Running scripts
  * Debugging issues
* Designed to support more advanced or custom development workflows

<Frame>
  <img src="https://mintcdn.com/gen-d40df51d/hzEmcHdrGMoq5qHV/images/devtool.png?fit=max&auto=format&n=hzEmcHdrGMoq5qHV&q=85&s=c605a4e85904ed03cdb5bb3bf9f19a25" alt="Devtool" width="2294" height="1264" data-path="images/devtool.png" />
</Frame>

### **Service**

The Service panel manages runtime processes and active ports.

* View all **active services and ports**
* Restart the VM environment if a service fails
* Kill specific processes or ports when needed

This helps ensure your application runs smoothly and can be quickly recovered if issues occur.

<Frame>
  <img src="https://mintcdn.com/gen-d40df51d/hzEmcHdrGMoq5qHV/images/service.png?fit=max&auto=format&n=hzEmcHdrGMoq5qHV&q=85&s=dbc9eca272a326040815e31f30cfb3ea" alt="Service" width="2294" height="1264" data-path="images/service.png" />
</Frame>

### **Git Status**

Git Status provides version control visibility and basic operations.

* View current file changes
* Create commits using the **Save** action
* Access commit history:
  * Review previous versions
  * Restore to a specific commit if needed

This allows teams to track changes and maintain a clear development history directly within the workspace.

<Frame>
  <img src="https://mintcdn.com/gen-d40df51d/hzEmcHdrGMoq5qHV/images/gitoverview.png?fit=max&auto=format&n=hzEmcHdrGMoq5qHV&q=85&s=9e332653e677519ce485d958faedec03" alt="Gitoverview" width="2294" height="1264" data-path="images/gitoverview.png" />
</Frame>

<Frame>
  <img src="https://mintcdn.com/gen-d40df51d/hzEmcHdrGMoq5qHV/images/gitnew.png?fit=max&auto=format&n=hzEmcHdrGMoq5qHV&q=85&s=da81c359f331b72f2cc1543104417c0f" alt="Gitnew" width="2294" height="1264" data-path="images/gitnew.png" />
</Frame>

### **Deploy**

Deploy enables you to publish your project as a **persistent, shareable link**:

* Generates a stable URL that does not expire
* Automatically updates when the project changes
* Best suited for:
  * Static websites
  * Lightweight applications

It is recommended to verify your project using preview before deploying.