WebStorm中如何设置修改成功后保存代码并实现版本回滚？

Hey there! I feel your pain—losing a working version of your code and having to start from scratch is the absolute worst. Let’s get you set up with version control right in WebStorm so you can save every working state and roll back whenever things go south. Here’s how to do it step by step:

Step 1: Turn on Git for Your Project #

First, we’ll set up a local Git repository (the core of version control) right in your project:

• Open your practice project in WebStorm.
• Head to the top menu: VCS > Enable Version Control Integration.
• Pick Git from the dropdown and hit OK. That’s it—your project now has a Git repo tracking changes.

Step 2: Save Your First Fully Working Version #

Once your code runs perfectly (no bugs, no issues):

• Open the Commit window—you can find it at the bottom of the IDE, or use the shortcut Ctrl+K (Windows/Linux) or Cmd+K (Mac).
• Make sure all modified files are checked (WebStorm usually selects them automatically).
• Write a clear commit message like "Initial working version: core functionality runs flawlessly"—this helps you remember exactly what this version does later.
• Click Commit (if you want to back it up online later, you can use Commit and Push, but even local commits work great for rolling back).

Step 3: Save New Working Versions As You Go #

Every time you add code and get it running smoothly again:

• Repeat the commit process from Step 2, but use a specific message like "Added user profile feature, all tests pass".
• Pro tip: For extra important milestones (like a fully finished feature), use Git Tags to mark them. In WebStorm:
  • Go to Git > Tag in the top menu.
  • Name the tag something meaningful (e.g., v1.0-profile-working), add a quick description, and click Create Tag. This makes it even easier to find critical working versions later.

Step 4: Roll Back to a Working Version When Bugs Hit #

If you add new code that breaks everything and debugging isn’t working:

• Open the Git Log: Go to VCS > Git > Show Git Log or press Alt+9.
• Look through the list of commits (or tags) to find the last one where your code worked—your clear commit messages will help you spot it fast.
• Right-click that commit and select Checkout Revision. WebStorm will replace your current code with the code from that working version.
• If you just want to undo the last few changes without fully switching to an old version, you can right-click a file in the Commit window and select Revert, or use Git > Undo Commit to undo your last commit.

Bonus Tips for Practice Projects #

Since this is a practice project, you don’t need to overcomplicate things:

• You don’t have to use a remote repository (like GitHub) unless you want to back up your code online—local Git works perfectly for rolling back.
• Keep commit messages short but specific—avoid vague phrases like "fixed bugs" instead say "fixed login form validation bug".
• Commit often whenever your code is in a stable state—this gives you more points to roll back to if something breaks.

内容的提问来源于stack exchange，提问作者Arnab