The latest articles on DEV Community by Tran Van Hoan (@tranhoandz98). https://dev.to/tranhoandz98 https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F1454892%2Fa9de011d-86b8-4965-8f94-2522a15eca02.jpeg https://dev.to/tranhoandz98 en Tran Van Hoan Mon, 29 Apr 2024 16:30:39 +0000 https://dev.to/tranhoandz98/git-reset-bang-terminal-va-extensions-vscode-cho-git-n3f https://dev.to/tranhoandz98/git-reset-bang-terminal-va-extensions-vscode-cho-git-n3f <p>Sử dụng git một thời gian mình thấy có nhiều bạn hay hỏi về việc muốn quay lại commit trước đó và loại bỏ hết commit cũ đi. Ngoài việc sử dụng revert thì git reset cũng được mình hay sử dụng. Hôm nay xin chia sẻ cách mà mình hay dùng.</p> <p>Mục lục:</p> <ul> <li>1. Sử dụng lệnh git trên terminal</li> <li>2. Sử dụng giao diện trong vscode</li> </ul> <h1> 1. Sử dụng lệnh git trên terminal <a></a> </h1> <h3> Sử dụng git log để xem tất cả commit </h3> <div class="highlight js-code-highlight"> <pre class="highlight plaintext"><code>git log </code></pre> </div> <h3> Sử dụng lệnh git reset </h3> <h4> Bạn có thể sử dụng 1 trong 3 lệnh sau: </h4> <ul> <li>Chuyển code về commitId hiện tại khi các thay đổi của commit code trước đó ở trạng thái staged </li> </ul> <div class="highlight js-code-highlight"> <pre class="highlight plaintext"><code>git reset --soft commitId </code></pre> </div> <ul> <li>Chuyển code về commitId hiện tại khi các thay đổi của commit code trước đó ở trạng thái changes </li> </ul> <div class="highlight js-code-highlight"> <pre class="highlight plaintext"><code>git reset --mixed commitId </code></pre> </div> <ul> <li>Chuyển code về commitId hiện tại khi các thay đổi của commit code trước đó đều bị xóa </li> </ul> <div class="highlight js-code-highlight"> <pre class="highlight plaintext"><code>git reset --hard commitId </code></pre> </div> <h3> Sửa lại code của mình (nếu có) </h3> <h3> Đẩy code lên bằng lệnh force </h3> <ul> <li>Đẩy code của bạn lên, khi bạn thực hiện force push, Git sẽ ép buộc máy chủ chấp nhận các thay đổi mới nhất từ bạn mà không cần phải điều chỉnh lịch sử commit. </li> </ul> <div class="highlight js-code-highlight"> <pre class="highlight plaintext"><code>git push --force </code></pre> </div> <h1> 2. Sử dụng giao diện trong vscode <a></a> </h1> <h3> Tải extensions </h3> <ul> <li>sử dụng extensions <a href="https://marketplace.visualstudio.com/items?itemName=mhutchie.git-graph" rel="noopener noreferrer">Git Graph</a> để quản lý và nhìn trực quan commit code theo dạng tree và hơn thế nữa</li> </ul> <p><a href="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F4gryn0hmgv7hil1rznjp.png" class="article-body-image-wrapper"><img src="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F4gryn0hmgv7hil1rznjp.png" alt="Image description" width="800" height="456"></a></p> <ul> <li>Mở công cụ git graph</li> </ul> <p><a href="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F6epsk6q9ni8b6sv6opny.png" class="article-body-image-wrapper"><img src="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F6epsk6q9ni8b6sv6opny.png" alt="Image description" width="800" height="390"></a></p> <h3> Thao tác git reset trên git graph </h3> <ul> <li><p>Click chuột phải vào commit bạn cần reset và chọn <code>Reset curent branch to this Commit...</code><br> <a href="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fkf0c7x6j7pzc1sx5gh02.png" class="article-body-image-wrapper"><img src="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fkf0c7x6j7pzc1sx5gh02.png" alt="Image description" width="800" height="460"></a></p></li> <li><p>Lựa chọn 1 trong 3 loại reset để tiếp tục</p></li> </ul> <p><a href="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F2zaozyb2r00r3zyz4c6e.png" class="article-body-image-wrapper"><img src="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F2zaozyb2r00r3zyz4c6e.png" alt="Image description" width="800" height="380"></a></p> <ul> <li>Click <code>Yes, reset</code> </li> </ul> <p><a href="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F0x85jnoyjn8s3i21spoz.png" class="article-body-image-wrapper"><img src="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F0x85jnoyjn8s3i21spoz.png" alt="Image description" width="800" height="336"></a></p> <ul> <li>Sau khi reset xong bạn sẽ thấy các thông tin reset của mình tại đây ứng với mỗi trường hợp mixed, soft, hard</li> </ul> <p><a href="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fpshxhz5tg9yz6c203giq.png" class="article-body-image-wrapper"><img src="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fpshxhz5tg9yz6c203giq.png" alt="Image description" width="800" height="458"></a></p> <ul> <li>Sau khi thay đổi xong hết bạn chọn termial rồi gõ lệnh push để đẩy thay đổi lên </li> </ul> <div class="highlight js-code-highlight"> <pre class="highlight plaintext"><code>git push --force </code></pre> </div> <p>Chúc các bạn thành công.</p> git webdev beginners tutorial