How to Integrate Replit with Sublime Text

Every Replit project has a built-in Git repository that you can clone. To find the Git URL for your project, open it in the Replit editor. Click the Version Control icon in the left sidebar — it looks like a branching diagram. If your Repl already has commits, you will see the Git panel. If it is a new Repl with no commits, you may need to make your first commit here first by staging and committing your initial files. In the Git panel, look for the remote URL or the Connect to GitHub option. If you want to clone the Replit-hosted Git directly (without GitHub), look for the remote URL by clicking the three-dot menu or the settings icon within the Git panel. The URL format is typically https://replit.com/@your-username/your-repl-name.git. Alternatively, connect your Replit project to GitHub first (Git panel > Connect to GitHub), which creates a proper GitHub repository you can clone via the standard GitHub URL format (https://github.com/your-username/your-repo.git). The GitHub approach is recommended because it gives you a more reliable remote URL, access to GitHub's web interface, and a standard Git workflow that most developers are familiar with. Copy whichever URL you will use for cloning. You will need this in the next step.

With the Git URL from the previous step, clone the project to your local machine. Open a terminal on your computer and navigate to the folder where you want to store your local project files. Run the git clone command with your URL. After cloning, a new folder is created containing all your Replit project files. This folder is an exact copy of your Replit project at the time of cloning, including the .replit configuration file and any other project files. Verify the clone succeeded by listing the contents of the new folder — you should see all the same files visible in your Replit editor. If the clone requires authentication (for private Repls or private GitHub repos), Git will prompt for your username and a personal access token (not your GitHub password). Generate a personal access token in GitHub Settings > Developer Settings > Personal Access Tokens if needed.

1# In your terminal:
2
3# Clone the project (replace URL with your actual Git URL)
4git clone https://github.com/your-username/your-repl-project.git
5
6# Navigate into the cloned folder
7cd your-repl-project
8
9# Verify files are present
10ls -la
11
12# Check Git status — should show clean working tree
13git status

Open Sublime Text and add your cloned project folder as a project. The most reliable way to do this is to open the File menu and select Open Folder (Mac: File > Open, then navigate to the folder; Windows/Linux: File > Open Folder). Navigate to the folder you just cloned and click Open or Select Folder. Sublime Text opens the folder as a project and displays the file tree in the left sidebar. You can see all your Replit project files and navigate between them by clicking in the sidebar. Use Cmd+P (Mac) or Ctrl+P (Windows/Linux) to open the file switcher and quickly jump to any file by typing part of its name. For a better experience, save the folder as a named Sublime Text project: go to Project > Save Project As and save a .sublime-project file in the project folder. This lets you quickly reopen the exact same workspace (including open files and split panes) next time you open Sublime Text. Sublime Text 4 supports syntax highlighting for all common web development languages (JavaScript, TypeScript, Python, HTML, CSS) out of the box. For Replit projects using more specialized languages, install the corresponding syntax package via Package Control (install Package Control first from packagecontrol.io if you have not already).

1# From your terminal, open the project folder directly in Sublime Text:
2# Mac:
3subl .
4
5# Windows (if subl is in your PATH):
6subl .
7
8# Or from File > Open Folder in Sublime Text GUI

Make your edits to project files in Sublime Text. Save files with Cmd+S (Mac) or Ctrl+S (Windows/Linux). After editing, you need to commit your changes in Git and push them back to the remote repository (Replit's Git or GitHub). When you push, Replit detects the new commits and updates the project files in the editor. The Git workflow has three steps: staging changed files (git add), creating a commit with a descriptive message (git commit), and pushing to the remote (git push). You can run these commands in Sublime Text's built-in terminal panel (View > Terminal in Sublime Text 4) or in a separate terminal window. After pushing, open your Replit project in the browser and verify the files have updated — you should see your changes in the Replit editor. Click Run to execute the updated code on Replit's servers. Your local Sublime Text copy and the Replit cloud copy are now in sync. If someone else (or Replit Agent) has made changes to the project while you were working locally, you may encounter merge conflicts when pulling. Run git pull before making new changes to stay up to date with the remote.

1# Terminal workflow after editing in Sublime Text:
2
3# 1. Check what files changed
4git status
5
6# 2. See the actual changes
7git diff
8
9# 3. Stage specific files (preferred over git add -A)
10git add src/server.js src/utils.py
11
12# Or stage all tracked changed files:
13git add -u
14
15# 4. Commit with a descriptive message
16git commit -m "Fix API endpoint rate limiting and add retry logic"
17
18# 5. Push to remote (Replit/GitHub)
19git push origin main
20
21# 6. Before your next editing session — pull latest changes:
22git pull origin main