Khám phá cách 10 extension AI hàng đầu cho VS Code đã cách mạng hóa quy trình làm việc của lập trình viên, từ refactoring thông minh, gỡ lỗi hiệu quả đến tự động hóa kiểm thử, giúp bạn tập trung vào giải quyết vấn đề thay vì các tác vụ lặp lại.

Lê Lân

19/08/2025

Bạn có thấy mình cứ lặp đi lặp lại những đoạn code quen thuộc không? Từ React component, PHP function, JavaScript utility hay vòng lặp WordPress, dù là gì thì việc cứ gõ đi gõ lại y chang nhau không chỉ nhàm chán mà còn khiến bạn tốn thời gian, dễ mắc lỗi vặt nữa chứ. Đừng lo, hôm nay chúng ta sẽ cùng khám phá một "vũ khí bí mật" trong VS Code giúp bạn thoát khỏi cơn ác mộng lặp đi lặp lại này: đó chính là VS Code Snippets! Với Snippets, bạn chỉ cần gõ vài phím là cả một khối code đã được "triệu hồi" ngay lập tức, giúp bạn tăng tốc độ code lên gấp bội!<img src='https://truyentranh.letranglan.top/api/v1/proxy?url=https://i.imgur.com/kP8yD6G.png' alt='Lập trình viên gõ code lặp lại và tự động hóa bằng snippet'>Vậy, VS Code Snippets là gì mà nghe "thần thánh" vậy? Đơn giản thôi, bạn cứ hình dung nó như những "mẫu code có sẵn" hay "công thức ma thuật" trong Visual Studio Code vậy. Thay vì phải gõ từng dòng một cho những đoạn code hay dùng, Snippets sẽ tự động "hoàn thành" cả một khối code được định nghĩa trước cho bạn, giúp bạn viết ít đi mà làm được nhiều hơn.<img src='https://truyentranh.letranglan.top/api/v1/proxy?url=https://i.imgur.com/5zY5b3G.gif' alt='Ví dụ snippet được kích hoạt trong VS Code'>Những "công thức" này có thể chứa: Placeholders (ô giữ chỗ): Kiểu như $1, $2... giúp con trỏ của bạn nhảy đến đúng vị trí cần điền thông tin sau khi snippet được tạo ra. Cực kỳ tiện lợi để chỉnh sửa! Variables (biến): Ví dụ $TM_FILENAME sẽ tự động chèn tên file hiện tại vào code của bạn. Tuyệt vời phải không? Hành vi động: Như tự động đặt con trỏ vào vị trí bạn muốn, hoặc lặp lại một đoạn code nào đó. Đúng là siêu trợ thủ!Nghe có vẻ hấp dẫn rồi đúng không? Vậy làm sao để tự tay "chế tạo" những Snippets thần kỳ này? Đừng lo, các bước đơn giản như đếm 1-2-3 vậy đó: 1. Mở Command Palette: Nhấn tổ hợp phím Ctrl + Shift + P (hoặc Cmd + Shift + P trên macOS).<img src='https://truyentranh.letranglan.top/api/v1/proxy?url=https://i.imgur.com/jM3sU81.png' alt='Mở Command Palette trong VS Code'> 2. Chọn "Preferences: Configure User Snippets": Gõ vào ô tìm kiếm và chọn dòng này. 3. Chọn hoặc tạo file snippet: Bạn có thể tạo file riêng cho từng ngôn ngữ lập trình (ví dụ: php.json, javascript.json) hoặc một file chung cho tất cả (global.code-snippets). Tùy bạn thích "ngăn nắp" hay "tổng hợp" nhé!Bây giờ, hãy cùng xem một ví dụ về một Snippet đơn giản cho hàm PHP trông như thế nào nhé:<img src='https://truyentranh.letranglan.top/api/v1/proxy?url=https://i.imgur.com/o2xT1Jt.png' alt='Cấu hình một snippet PHP trong VS Code'>"Simple PHP Function": { "prefix": "phpfn", "body": [ "function ${1:functionName}(${2:$arg}) {", " $3", "}" ], "description": "Basic PHP function"} Với đoạn code này, khi bạn gõ phpfn và nhấn phím Tab, VS Code sẽ tự động tạo ra một hàm PHP hoàn chỉnh như thế này: function tenHamCuaBan(thamSo) { // Code của bạn ở đây} Lưu ý các vị trí $1, $2, $3 không? Đó chính là các placeholder mà mình đã nhắc đến. Khi snippet được chèn, con trỏ của bạn sẽ tự động nhảy đến $1 để bạn đặt tên hàm, sau đó nhấn Tab để nhảy sang $2 để đặt tham số, rồi nhấn Tab một lần nữa để nhảy vào bên trong hàm $3 để viết code. Quá tiện lợi!Tự tay làm Snippets thì thích thật, nhưng đôi khi bạn lại muốn có sẵn những bộ "công cụ" được thiết kế chuyên nghiệp rồi thì sao? May mắn thay, VS Code Marketplace có cả một kho tàng Snippets được cộng đồng chia sẻ. Bạn chỉ cần cài đặt là có thể dùng ngay! Dưới đây là vài cái tên "hot hit" mà mình cực kỳ recommend: 🔹 ES7+ React/Redux/React-Native snippets🔹 JavaScript (ES6) Code Snippets🔹 Simple React Snippets🔹 jQuery Code Snippets🔹 Laravel Blade Snippets🔹 WordPress SnippetsBạn có thể tìm thêm nhiều extension hay ho khác trên VS Code Marketplace.Không nói nhiều nữa, cùng xem vài ví dụ "thực chiến" để thấy Snippets lợi hại cỡ nào nhé!Vòng Lặp WordPress "Thần Tốc""WordPress Loop": { "prefix": "wploop", "body": [ "if ( have_posts() ) :", " while ( have_posts() ) : the_post();", " ?>", " <article id=\"post-<?php the_ID(); ?>\" <?php post_class(); ?>>", " <h2><a href=\"<?php the_permalink(); ?>\">?php the_title(); ?></a></h2>", " <div class=\"entry-content\">", " <?php the_excerpt(); ?>", " </div>", " </article>", " <?php", " endwhile;", " the_posts_pagination();", "else :", " echo '<p>No posts found.</p>';", "endif;" ], "description": "WordPress default loop with pagination"} Bạn có làm việc với WordPress không? Thế thì chắc chắn bạn đã quá quen với cái "vòng lặp WordPress" thần thánh để hiển thị bài viết rồi đúng không? Đoạn code này cứ lặp đi lặp lại mãi. Thay vì gõ cả chục dòng, giờ bạn chỉ cần gõ wploop và nhấn Tab, mọi thứ đã sẵn sàng! Snippet này không chỉ tạo vòng lặp cơ bản mà còn thêm cả phân trang và xử lý trường hợp không có bài viết nữa. Chuẩn không cần chỉnh!<img src='https://truyentranh.letranglan.top/api/v1/proxy?url=https://i.imgur.com/oV1E4aK.png' alt='Ví dụ snippet vòng lặp WordPress'>JavaScript – Hàm Debounce (Giải Cứu Hiệu Năng!)"Debounce Function": { "prefix": "debounce", "body": [ "function debounce(fn, delay) {", " let timeout;", " return function(...args) {", " clearTimeout(timeout);", " timeout = setTimeout(() => fn.apply(this, args), delay);", " };", "}" ], "description": "Debounce a function to limit calls"} Hàm debounce trong JavaScript là một kỹ thuật cực kỳ quan trọng để tối ưu hiệu năng, đặc biệt khi bạn làm việc với các sự kiện như resize, scroll, hay input search. Thay vì gọi hàm liên tục, debounce sẽ chờ một khoảng thời gian nhất định (delay) sau khi người dùng ngừng tương tác rồi mới gọi hàm. Cực kỳ hữu ích! Với snippet debounce, bạn không cần phải nhớ cú pháp phức tạp này nữa, chỉ cần gõ vài chữ là xong.<img src='https://truyentranh.letranglan.top/api/v1/proxy?url=https://i.imgur.com/f9bU4qN.gif' alt='Minh họa cách hoạt động của hàm debounce'>PHP – Đăng Ký Custom Post Type trong WordPress (Mở Rộng Sức Mạnh Website)"Register CPT": { "prefix": "regcpt", "body": [ "function ${1:register_book_post_type}() {", " register_post_type( '${2:book}', array(", " 'labels' => array(", " 'name' => __( '${3:Books}' ),", " 'singular_name' => __( '${4:Book}' )", " ),", " 'public' => true,", " 'rewrite' => array( 'slug' => '${5:books}' ),", " 'show_in_rest' => true,", " 'supports' => array( 'title', 'editor', 'thumbnail' )", " ));", "}", "add_action( 'init', '${1:register_book_post_type}' );" ], "description": "Register a custom post type"} WordPress không chỉ có Bài viết (Posts) và Trang (Pages) đâu, bạn có thể tạo ra các "loại nội dung tùy chỉnh" của riêng mình, ví dụ như "Sách", "Sản phẩm", "Phim ảnh" chẳng hạn. Đây gọi là Custom Post Type (CPT). Việc đăng ký CPT thường tốn khá nhiều dòng code boilerplate. Với snippet regcpt, bạn chỉ cần gõ một lệnh, và một khung sườn CPT đã xuất hiện, kèm theo các placeholder để bạn dễ dàng tùy chỉnh tên hàm, tên CPT, và các thuộc tính khác. Tiết kiệm thời gian một cách đáng kinh ngạc!<img src='https://truyentranh.letranglan.top/api/v1/proxy?url=https://i.imgur.com/tY4X2Gj.png' alt='Giao diện quản trị WordPress với Custom Post Type được đăng ký'>Muốn trở thành "cao thủ" Snippets? Đừng bỏ qua mấy mẹo nhỏ nhưng có võ này nhé! Sử dụng biến siêu tiện lợi: Dùng $TM_FILENAME_BASE để tự động chèn tên file hiện tại vào snippet của bạn. Cực kỳ hữu ích cho việc tạo comment header hay đặt tên class/hàm theo tên file. Lưu Snippets chung: Những Snippets mà bạn dùng thường xuyên cho mọi ngôn ngữ? Hãy cho chúng vào file global.code-snippets để tiện quản lý và truy cập mọi lúc mọi nơi. Đồng bộ cài đặt (Settings Sync): Chuyển máy tính ư? Không sao cả! Bạn có thể xuất/nhập (export/import) Snippets của mình thông qua tính năng Settings Sync của VS Code. Cài đặt phát là có ngay, không phải lo tạo lại từ đầu.<img src='https://truyentranh.letranglan.top/api/v1/proxy?url=https://i.imgur.com/qF3p5jB.png' alt='Cài đặt đồng bộ hóa VS Code'> Đặt tiền tố thông minh: Hãy tạo thói quen đặt tiền tố (prefix) cho Snippets của bạn theo từng "ngăn" công việc. Ví dụ: wp_ cho WordPress, js_ cho JavaScript, php_ cho PHP... Như vậy bạn sẽ dễ dàng tìm và sử dụng chúng hơn rất nhiều.Thấy đó, Snippets trong VS Code không chỉ là một tính năng nhỏ đâu nhé! Nó là một trong những cách đơn giản nhưng mạnh mẽ nhất để bạn tăng năng suất, giảm thiểu lỗi vặt và chuẩn hóa code của mình. Dù bạn đang "vật lộn" với các plugin WordPress phức tạp, xây dựng ứng dụng JavaScript hiện đại hay xử lý logic PHP backend — Snippets chắc chắn sẽ giúp bạn tiết kiệm hàng giờ mỗi tuần.Vậy nên, đừng phí thời gian gõ đi gõ lại những thứ đã cũ nữa. Hãy tự động hóa nó! Bắt đầu ngay hôm nay để biến VS Code thành siêu trợ thủ đắc lực cho công việc của bạn nhé!

Lê Lân

17/08/2025

Biến trợ lý AI code như GitHub Copilot thành 'siêu trợ lý' với các kỹ thuật prompt nâng cao và 'mật mã thần kỳ' (prompt aliases). Tối ưu quy trình, nâng cao chất lượng code và tài liệu.

Lê Lân

14/08/2025

Ê, bạn có đang 'cạ cứng' với mấy em trợ lý AI lập trình như GitHub Copilot không? Chắc là thấy 'phê' lắm vì code ra vèo vèo, nhanh như chớp đúng không? Nhưng khoan đã! Nếu cứ xài bừa, không có 'chiến lược' rõ ràng, thì thay vì tiến nhanh, bạn lại đang 'rước nợ công nghệ' vào đó! Code có thể bị lộn xộn, không theo chuẩn, và sau này sửa chữa thì... ôi thôi, 'bó tay chấm com' luôn.Sau một thời gian 'lăn lộn' với Copilot trong VS Code và cả Cursor qua đủ thứ dự án, từ app 'mặt tiền' (frontend) đến dịch vụ 'hậu trường' (backend), tôi nhận ra một điều quan trọng: chìa khóa để dùng AI 'thần sầu' nằm ở *quy trình*. Hãy coi AI như một 'dev junior' mới vào nghề vậy – cần được chỉ bảo tận tình, có ví dụ minh họa, và phải được 'review' đàng hoàng. Khi đó, Copilot (hay bất kỳ công cụ AI nào trong IDE của bạn) sẽ trở thành một 'chiến hữu' cực kỳ lợi hại!Bài viết này sẽ 'bật mí' cho bạn cách biến AI thành một 'đối tác vàng' giúp bạn viết ra code vừa 'xịn', vừa dễ test, lại còn dễ bảo trì nữa. Từ việc 'thiết lập luật chơi' ban đầu cho đến khi 'đóng gói' sản phẩm cuối cùng, mình cùng khám phá nhé! <img src='https://truyentranh.letranglan.top/api/v1/proxy?url=https://i.imgur.com/developer_ai_pair_programming.png' alt='AI là đồng đội trong lập trình'> ### 1. 'Đặt luật chơi' từ đầu: File hướng dẫn và chế độ trò chuyện của Copilot Trước khi 'sai' Copilot viết code, điều quan trọng là phải 'thiết lập' cho nó biết nó nên 'cư xử' thế nào trong dự án của chúng ta. Hai 'chiêu' cực kỳ hay ho ở đây chính là các file hướng dẫn (instruction files) và chế độ trò chuyện (chat modes). Chúng sẽ giúp chúng ta 'định hình' kỳ vọng ngay từ đầu và 'dẫn lối' AI tạo ra output chất lượng, nhất quán. #### 1.1. File hướng dẫn: Đồng bộ 'phong cách' trên toàn bộ code GitHub Copilot hỗ trợ các file hướng dẫn định dạng Markdown. Những file này giống như 'bộ luật' của dự án vậy, mô tả kiến trúc, quy tắc đặt tên, phong cách code, và cả chiến lược test nữa. Chúng thường nằm trong thư mục `.github/` và có thể được 'phân cấp' để áp dụng cho từng phần khác nhau: * `.github/copilot-instructions.md`: Áp dụng cho toàn bộ dự án (như một bộ luật chung). * `.github/copilot/<path>.md`: Có thể nhắm mục tiêu vào các thành phần, thư mục, hoặc công nghệ cụ thể (như luật riêng cho từng phòng ban). Mỗi file hướng dẫn bắt đầu bằng một phần 'frontmatter' để kiểm soát 'phạm vi' áp dụng: ``` --- applyTo: "**" --- ``` Cú pháp này đảm bảo file áp dụng cho tất cả các file trong workspace. Bạn có thể 'thu hẹp' phạm vi nếu muốn, ví dụ: ``` --- applyTo: "src/services/**" --- ``` Hoặc chỉ áp dụng cho một loại file nhất định: ``` --- applyTo: "**/*.scss" --- ``` Với cách thiết lập này, chúng ta có thể vừa 'giữ vững' các tiêu chuẩn chung toàn cầu, vừa 'linh hoạt' áp dụng các quy tắc riêng cho từng khu vực. Chẳng hạn, một bộ quy tắc cho kiến trúc ứng dụng trong `architecture.instructions.md` và một bộ khác cho phần 'làm đẹp' (styling) trong `styles.instructions.md`. <img src='https://truyentranh.letranglan.top/api/v1/proxy?url=https://i.imgur.com/code_style_guide_rules.png' alt='Instruction files cho Copilot'> Một file hướng dẫn 'mẫu' trông có thể như thế này: ``` --- applyTo: "**/*.ts" --- # Hướng dẫn phát triển Typescript ## Phong cách Code - Sử dụng async/await cho các thao tác bất đồng bộ - Inject dependency thông qua constructor - Sử dụng structured logging: các cấp độ info, debug, và error - Định nghĩa custom error class cho tất cả các ngoại lệ được throw ## Kiến trúc Service - Implement caching cho tất cả các lời gọi API ngoài - Giữ logic nghiệp vụ trong service, không phải controller - Sử dụng quy tắc đặt tên nhất quán trên toàn bộ module ## Chiến lược Testing - Unit test mọi method của service - Mock tất cả các dependency bên ngoài - Bao gồm cả kịch bản test thành công và thất bại ``` Nếu bạn đang 'bí' ý tưởng hoặc muốn có 'sườn' sẵn, kho `Awesome Copilot` trên GitHub có cả một 'thư viện' các ví dụ về file hướng dẫn cho đủ loại công nghệ 'hot hit' như Angular, React, NodeJS, Spring Boot, và Go. Đây là những 'mẫu chuẩn' được cộng đồng 'đóng góp' và bạn hoàn toàn có thể tùy chỉnh để phù hợp với phong cách làm việc của team mình. Mà này, nếu team bạn đang dùng Cursor thì cũng có một 'bộ luật' riêng được cộng đồng duy trì mang tên `Cursor Rules` đó nha! Cái này còn 'xịn' hơn Copilot instruction files ở chỗ nó còn định nghĩa cả 'hành vi' và 'cách gợi ý' của AI cho toàn team, có thể chia sẻ, quản lý phiên bản và áp dụng trên nhiều dự án khác nhau. Cực kỳ hữu ích nếu bạn muốn 'nhân rộng' việc phát triển bằng AI mà vẫn giữ được sự nhất quán của code. #### 1.2. Định nghĩa 'hành vi' AI theo nhiệm vụ với Chế độ trò chuyện tùy chỉnh Ngoài các file hướng dẫn, Copilot trong VS Code còn có tính năng 'chế độ trò chuyện tùy chỉnh' (custom chat modes) – một 'chiêu' cực mạnh để 'huấn luyện' trợ lý AI theo đúng quy trình làm việc của bạn. Một chế độ trò chuyện tùy chỉnh sẽ 'định nghĩa' một ngữ cảnh cụ thể cho cuộc trò chuyện của bạn với Copilot. Ví dụ, bạn có thể tạo một chế độ riêng cho việc 'lên kế hoạch triển khai', 'review kiến trúc', hoặc 'viết test case'. Mỗi chế độ sẽ kết hợp một bộ hướng dẫn riêng, các công cụ được chọn, và optionally, một mô hình AI cụ thể. Điều này cho phép chúng ta 'chuyển đổi' giữa các 'phong cách làm việc' khác nhau một cách nhanh chóng mà không cần phải 'cấu hình' lại từng prompt một. Tiện lợi như có một dàn trợ lý đa năng vậy đó! <img src='https://truyentranh.letranglan.top/api/v1/proxy?url=https://i.imgur.com/ai_assistant_modes_selector.png' alt='Custom Chat Modes của Copilot'> ##### Cấu trúc của một chế độ trò chuyện tùy chỉnh Các chế độ trò chuyện tùy chỉnh được lưu dưới dạng file Markdown với hậu tố `.chatmode.md`. Chúng nên được lưu trong thư mục `./github/chatmodes/`. Các file này có hai phần chính: **1. Frontmatter metadata (YAML)** Phần frontmatter 'quy định' cách chế độ hoạt động và những công cụ hoặc mô hình nào nó nên sử dụng. ```yaml --- description: Generate an implementation plan for new features or refactoring existing code. tools: ['codebase', 'fetch', 'findTestFiles', 'githubRepo', 'search', 'usages'] model: Claude Sonnet 4 --- ``` * `description`: Sẽ xuất hiện trong phần placeholder của ô chat và trong dropdown chọn chế độ. * `tools`: Danh sách các công cụ hoặc bộ công cụ được phép dùng trong chế độ này. * `model`: (Tùy chọn) Mô hình AI để sử dụng. Nếu không chỉ định, mô hình mặc định của workspace sẽ được dùng. **2. Body instructions** Phần thân chứa các hướng dẫn chi tiết để AI tuân theo khi chế độ này đang hoạt động. Chúng ta cũng có thể 'liên kết' đến các file hướng dẫn chung của dự án để đảm bảo tính nhất quán. ``` # Hướng dẫn Chế độ Lập kế hoạch Bạn đang ở chế độ lập kế hoạch. Nhiệm vụ của bạn là tạo ra một kế hoạch triển khai cho một tính năng mới hoặc một nhiệm vụ refactoring code. Không tạo ra bất kỳ code nào. Đầu ra phải là một tài liệu Markdown bao gồm các phần sau: - **Tổng quan**: Tóm tắt ngắn gọn về tính năng hoặc thay đổi - **Yêu cầu**: Các yêu cầu chức năng và phi chức năng - **Các bước triển khai**: Các nhiệm vụ theo thứ tự cần thiết để xây dựng tính năng - **Kiểm thử**: Danh sách các bài kiểm thử hoặc quy trình xác thực ``` Các chế độ trò chuyện có thể 'tham chiếu' đến các file hướng dẫn mà chúng ta đã định nghĩa cho dự án. Ví dụ, chế độ lập kế hoạch của chúng ta có thể bao gồm một liên kết đến `.github/copilot-instructions.md`, cho phép trợ lý 'giữ' bối cảnh kiến trúc trong khi vẫn tuân theo các hành vi dành riêng cho nhiệm vụ. Nếu bạn đang dùng Cursor, tính năng chế độ trò chuyện tùy chỉnh cũng được hỗ trợ nhưng hiện đang ở giai đoạn beta. Bạn có thể bật tính năng này bằng cách vào: `Settings → Chat → Custom Modes → Enable`. Sau khi bật, Cursor sẽ nhận diện các file `.chatmode.md` đặt trong workspace của bạn, và bạn có thể chuyển đổi giữa các chế độ giống như trong VS Code. ### 2. 'Show hàng mẫu': Dạy AI thế nào là code 'chuẩn không cần chỉnh' Sau khi đã 'thiết lập luật chơi' đâu vào đấy, bước tiếp theo là 'định hình' các mẫu mà Copilot nên tuân theo. Nếu chúng ta muốn có những dòng code 'xịn xò' sẵn sàng cho production, chúng ta cần phải cho trợ lý một 'ý niệm' rõ ràng về code 'chuẩn' trông như thế nào trong codebase của chúng ta. Cách tốt nhất để làm điều này là cung cấp một 'ví dụ tham chiếu' ngay trong prompt của bạn. Thay vì 'diễn giải' kiến trúc bằng lời, hãy 'chỉ thẳng' vào một file cụ thể tuân theo các tiêu chuẩn của chúng ta. Ví dụ, một service đã có đầy đủ caching, xử lý lỗi, logging, và kiểu dữ liệu TypeScript 'chuẩn chỉ'. <img src='https://truyentranh.letranglan.top/api/v1/proxy?url=https://i.imgur.com/clean_code_example_reference.png' alt='Dạy AI thế nào là code tốt'> **Prompt ví dụ:** "Sử dụng `UserService` từ `services/user-service.ts` làm tham chiếu, hãy tạo một `ProductService` mà: - Theo cùng cấu trúc và các mẫu logging - Sử dụng `CacheService` và `Logger` làm dependency - Triển khai các thao tác CRUD (`getProduct`, `createProduct`, `updateProduct`, `deleteProduct`) - Throw `ProductNotFoundError` và `ProductUpdateError` khi thích hợp - Sử dụng kiểu `Product` từ `models/product.ts`" Bằng cách 'kẹp' thêm đường dẫn đến một file hiện có, Copilot có thể 'đọc' và 'suy luận' các quyết định kiến trúc, quy ước đặt tên, và luồng hoạt động. Cách này hiệu quả hơn nhiều so với việc chỉ dựa vào các hướng dẫn bằng chữ đơn thuần. Phương pháp này biến codebase của chúng ta thành một 'thư viện mô hình' có thể tái sử dụng, giúp Copilot tạo ra code 'khớp' một cách liền mạch vào kiến trúc của chúng ta. ### 3. 'Test ngay và luôn': Dùng AI để 'bắt bệnh' code Khi logic đã đâu vào đó, chúng ta nên 'nhảy' ngay vào phần kiểm thử. Viết test sớm giúp xác nhận rằng code do AI tạo ra hoạt động đúng như mong đợi, và thường 'lòi ra' những vấn đề mà trợ lý AI chưa 'nghĩ tới'. Cách này đặc biệt hiệu quả khi áp dụng tư duy 'phát triển dựa trên kiểm thử' (Test-Driven Development - TDD): dùng việc tạo test không chỉ để xác thực output, mà còn để 'định hình' những implement 'ngon' hơn ngay từ đầu. Copilot có thể tạo ra các unit test 'chất lượng', đặc biệt khi code xung quanh tuân theo các mẫu nhất quán. <img src='https://truyentranh.letranglan.top/api/v1/proxy?url=https://i.imgur.com/ai_generating_unit_tests.png' alt='AI viết test cho code'> **Prompt ví dụ:** "Viết các unit test cho `ProductService` mà: - Bao gồm tất cả các phương thức CRUD - Mock `HttpClient`, `CacheService`, và `Logger` - Xác thực việc sử dụng cache và xử lý lỗi - Mô phỏng lỗi mạng và đầu vào không hợp lệ" Các bài test được viết 'chuẩn' có thể 'phanh phui' những lỗ hổng logic, các trường hợp 'hiếm gặp' (edge cases), hoặc những giả định sai lầm chưa được xem xét trong quá trình tạo code ban đầu. Theo nghĩa đó, bước kiểm thử hoạt động như một 'vòng lặp phản hồi thiết kế', giống hệt trong các quy trình TDD truyền thống. Nếu dự án của chúng ta đã có sẵn các ví dụ về test, Copilot thường sẽ 'bắt chước' theo cùng cấu trúc, sử dụng test runner phù hợp (ví dụ: Jasmine, Jest, hoặc Vitest) và chiến lược mocking. Để đạt được sự nhất quán cao hơn nữa, chúng ta có thể tạo một file `.chatmode.md` riêng dành cho việc tạo test và 'gắn' nó vào file hướng dẫn của dự án. ### 4. 'Vừa làm vừa ghi sử': Để AI 'ghi chép' hộ Khi một tính năng đã được triển khai, đặc biệt nếu nó liên quan đến nhiều bước, các quyết định thiết kế, hoặc các cuộc thảo luận kiến trúc, chúng ta rất dễ 'quên bẵng' việc ghi lại những gì đã làm. Đây chính là một trong những 'mảng' mà AI có thể mang lại giá trị lâu dài, không chỉ dừng lại ở việc viết code. Sau khi 'phối hợp' với Copilot để làm một luồng công việc phức tạp, dù đó là một service đa bước, một tích hợp API mới, hay một cấu hình cho CI/CD, chúng ta nên 'yêu cầu' nó tóm tắt kết quả và tạo ra các 'hiện vật' hữu ích. <img src='https://truyentranh.letranglan.top/api/v1/proxy?url=https://i.imgur.com/ai_auto_documentation.png' alt='AI ghi tài liệu tự động'> **Prompt ví dụ sau khi hoàn thành một tính năng:** "Dựa trên các prompt và phản hồi trước đó, hãy tạo ra: 1. Tóm tắt kỹ thuật về tính năng chúng ta đã triển khai 2. Một Postman collection với các yêu cầu ví dụ và biến môi trường 3. Ghi chú triển khai bao gồm các biến môi trường cần thiết và các bước khởi động lại" Cách này biến lịch sử chat phát triển của chúng ta thành tài liệu, điều mà nếu tự làm sẽ tốn thời gian và thường bị bỏ qua. Chúng ta có thể sử dụng cách tiếp cận này để tạo ra: * Tài liệu API cho các endpoint mới phát triển* Ví dụ sử dụng cho các thư viện hoặc thành phần nội bộ* Ghi chú onboarding cho các thành viên trong team khi tiếp nhận tính năng* Checklist môi trường CI/CD hoặc hướng dẫn triển khai từng bước* Postman collections cho QA hoặc demo cho các bên liên quan, dựa trên các route đã triển khaiKhi kết hợp với các file hướng dẫn tùy chỉnh và chế độ trò chuyện của chúng ta, chúng ta thậm chí có thể 'chuẩn hóa' định dạng tài liệu trên toàn team. Ví dụ, một file `.chatmode.md` có thể định nghĩa một hướng dẫn triển khai nên bao gồm những gì, hoặc cách các thư viện nội bộ nên được chú thích. ### Lời kết: AI không phải 'lối tắt' mà là 'nghệ thuật' Việc phát triển với sự hỗ trợ của AI giờ đây không còn là chuyện 'mới lạ' nữa, mà nó trở thành một 'kỷ luật' cần được rèn luyện. Với một 'cơ cấu' đúng đắn, các công cụ như Copilot và Cursor có thể 'tăng tốc' quá trình phát triển mà không hề 'đánh đổi' chất lượng. Nhưng điều đó chỉ xảy ra khi chúng ta coi AI là một 'cộng sự', chứ không phải là một 'lối tắt'. Điều tạo nên sự khác biệt không phải là mô hình AI 'khủng' cỡ nào, mà chính là 'môi trường' mà chúng ta tạo ra xung quanh nó. Các file hướng dẫn 'định nghĩa' các tiêu chuẩn. Chế độ trò chuyện 'mang lại' khả năng lặp lại cho các quy trình làm việc. Các mẫu tham chiếu 'dẫn lối' sự nhất quán. Các bài kiểm thử 'xác thực' các giả định. Và tài liệu 'đảm bảo' công việc của chúng ta có thể sử dụng và dễ hiểu ngoài cái commit hiện tại. Khi được sử dụng đúng cách, AI không chỉ là một công cụ 'tự động hoàn thành'. Nó giúp chúng ta biến ý tưởng thành hiện thực nhanh hơn, và 'giải phóng' thời gian cho những công việc sâu hơn, dù đó là tư duy kiến trúc, trải nghiệm người dùng, hay hướng dẫn team. Đây không phải là câu chuyện AI thay thế lập trình viên. Đây là câu chuyện AI 'trao quyền' cho lập trình viên, giúp họ tập trung vào những công việc thực sự cần đến 'chất xám' của con người.

Lê Lân

13/08/2025

Gần đây, Amazon đã "thả bom" một cú thật lớn vào thị trường công cụ phát triển AI với Kiro – trợ lý lập trình AI "hạng nặng" dành cho các doanh nghiệp. Nhưng bạn có để ý không, một cái tên khác đang âm thầm "làm mưa làm gió" trong cộng đồng dev tự do và các startup công nghệ AI, đó chính là Cursor – IDE tiên phong tích hợp AI. Vậy, giữa Kiro đình đám và Cursor "chất lừ" này, đâu mới là chân ái của bạn? Hãy cùng tôi khám phá xem điều gì khiến Cursor khác biệt, Kiro "chen chân" vào quy trình làm việc của doanh nghiệp như thế nào, và quan trọng nhất là, đâu mới là người bạn đồng hành AI lý tưởng cho team của bạn nhé! <img src='https://truyentranh.letranglan.top/api/v1/proxy?url=https://i.imgur.com/AI_IDE_Battle.png' alt='Cuộc chiến AI IDE'> <h3>Cursor là gì? 'Người bạn thân' của các tay chơi tốc độ!</h3> Tưởng tượng thế này: Bạn yêu thích VS Code nhưng muốn nó "thông minh" hơn, có khả năng trò chuyện, gợi ý theo ngữ cảnh và giúp bạn gỡ lỗi 'tận răng'? Vậy thì Cursor chính là "phiên bản nâng cấp" trong mơ của bạn đó! Được xây dựng dựa trên VS Code quen thuộc, Cursor sinh ra để dành cho những developer thích "code-như-trò-chuyện". Với Cursor, bạn có thể: <ul><li>Thẳng thừng hỏi code ngay trong IDE.</li><li>Gỡ lỗi thần tốc với gợi ý từng bước cực kỳ chi tiết.</li><li>Tái cấu trúc code (refactor) chỉ bằng ngôn ngữ tự nhiên, không cần gõ lệnh phức tạp.</li><li>Xây dựng prototype nhanh như chớp với tính năng lập trình cặp đôi AI.</li></ul> Cursor cực kỳ gọn nhẹ, thân thiện và là "người tình trong mộng" của các solo dev, startup đang tăng trưởng vũ bão và những hacker AI thích "phá đảo" thế giới code. <img src='https://truyentranh.letranglan.top/api/v1/proxy?url=https://i.imgur.com/Cursor_IDE.png' alt='Cursor IDE - Người bạn thân của các tay chơi tốc độ'> <h3>Amazon Kiro là gì? 'Phù thủy' của các doanh nghiệp lớn!</h3> Trái ngược với Cursor, Kiro không chỉ là một công cụ gợi ý code thông thường, mà nó còn là một "phù thủy" AI được sinh ra để "thống trị" môi trường doanh nghiệp. Kiro có khả năng hiểu SÂU SẮC mọi ngóc ngách trong hệ thống của bạn, từ: <ul><li>Các API nội bộ siêu phức tạp.</li><li>Cấu trúc kho mã (repos) và code.</li><li>Quy trình triển khai (deployment) và CI/CD.</li><li>Tài liệu và cả chính sách bảo mật nội bộ!</li></ul> Thay vì là một IDE độc lập, Kiro chọn con đường "hòa nhập" vào những gì bạn đang dùng: từ JetBrains, VS Code cho đến toàn bộ hệ sinh thái AWS của bạn. Tóm lại, Kiro là trợ lý AI "biết tuốt", được thiết kế để làm việc liền mạch với cơ sở hạ tầng hiện có, biến mọi thứ trở nên trơn tru và an toàn hơn bao giờ hết. <img src='https://truyentranh.letranglan.top/api/v1/proxy?url=https://i.imgur.com/Kiro_Enterprise.png' alt='Amazon Kiro - Phù thủy của các doanh nghiệp lớn'> <h3>So kè "khác biệt": Cursor và Kiro, ai trội hơn ai?</h3> Để bạn dễ hình dung, hãy xem qua bảng so sánh nhanh này nhé. Đảm bảo bạn sẽ thấy sự khác biệt "một trời một vực" giữa hai "tay chơi" này! <img src='https://truyentranh.letranglan.top/api/v1/proxy?url=https://i.imgur.com/Comparison_Table.png' alt='Bảng so sánh Cursor và Kiro'> <ul> <li><strong>Nền tảng IDE:</strong> Cursor là một IDE độc lập được "độ" lại từ VS Code, tạo ra một trải nghiệm mới mẻ. Còn Kiro thì lại là một "bậc thầy hòa nhập", nó có thể "chen chân" vào bất kỳ IDE hiện có nào (như JetBrains, VS Code) mà bạn đang sử dụng.</li> <li><strong>Đối tượng chính:</strong> Cursor là "tri kỷ" của các nhà phát triển độc lập, những hacker AI siêu tốc và những ai muốn xây dựng sản phẩm nhanh như tên lửa. Ngược lại, Kiro lại là "quản gia" đáng tin cậy cho các doanh nghiệp, đội ngũ DevOps và những team chuyên xây dựng công cụ nội bộ.</li> <li><strong>Khả năng nhận diện ngữ cảnh:</strong> Cursor hiểu bối cảnh cục bộ và một phần của dự án. Còn Kiro thì bá đạo hơn nhiều! Nó sở hữu "trí tuệ siêu phàm" với kiến thức sâu rộng về toàn bộ tổ chức và hệ thống công cụ của bạn.</li> <li><strong>Tích hợp API nội bộ:</strong> Cursor chưa hỗ trợ natively khoản này, nhưng Kiro thì sinh ra là để làm điều đó! Nó được xây dựng để hiểu và làm việc với API nội bộ của doanh nghiệp một cách mượt mà.</li> <li><strong>Hỗ trợ Onboarding:</strong> Cursor giúp các team nhỏ bắt đầu nhanh chóng. Kiro thì lại là "cứu tinh" cho quy trình onboarding (hội nhập) nhân sự mới, tự động hóa việc nắm bắt code và chính sách của công ty.</li> <li><strong>Mô hình giá:</strong> Cursor hoạt động theo hình thức thuê bao (subscription). Còn Kiro thì sẽ nằm trong gói giá dành cho doanh nghiệp của AWS (chưa công bố cụ thể).</li> </ul> <h3>Vậy, chọn ai bây giờ: Cursor hay Kiro?</h3> Đến đây chắc bạn đã có chút hình dung rồi đúng không? Hãy xem team mình thuộc "phe" nào nhé! <h4>Chọn Cursor nếu bạn là:</h4> <ul> <li>Kiểu người thích tốc độ, cần gợi ý AI nhanh như chớp.</li> <li>Yêu thích môi trường IDE chat-first, nơi mọi thứ bắt đầu bằng cuộc trò chuyện.</li> <li>Đang "thai nghén" các dự án cá nhân, MVP (Minimum Viable Product) hay các sản phẩm micro-SaaS.</li> <li>Muốn có công cụ hoạt động ngay lập tức mà không cần cài đặt rườm rà.</li> </ul> <img src='https://truyentranh.letranglan.top/api/v1/proxy?url=https://i.imgur.com/Cursor_User.png' alt='Chọn Cursor nếu bạn thích tốc độ'> <h4>Chọn Kiro nếu team bạn:</h4> <ul> <li>Là một đội ngũ công nghệ từ vừa đến lớn, có yêu cầu cao về quản trị và tuân thủ.</li> <li>Cần một công cụ hiểu rõ về hệ thống nội bộ và các quy định.</li> <li>Đang vật lộn với quy trình onboarding (hội nhập) và tài liệu cho các lập trình viên mới.</li> <li>Đang sử dụng hệ sinh thái AWS và muốn mọi thứ tích hợp "khít khao".</li> </ul> <img src='https://truyentranh.letranglan.top/api/v1/proxy?url=https://i.imgur.com/Kiro_User.png' alt='Chọn Kiro nếu bạn là doanh nghiệp lớn'> <h3>Tại sao cuộc chiến này lại quan trọng đến vậy? Đây không chỉ là chuyện "công cụ"!</h3> Bạn biết không, các lập trình viên giờ đây không chỉ tìm kiếm những công cụ gợi ý code đơn thuần nữa. Chúng ta muốn những TRỢ LÝ AI thực sự có khả năng suy luận, học hỏi ngữ cảnh và hỗ trợ vượt xa cú pháp thông thường. Sự chuyển dịch này có ý nghĩa cực kỳ lớn, và việc lựa chọn AI IDE của bạn ngay hôm nay sẽ ảnh hưởng trực tiếp đến: <ul> <li><strong>Tốc độ đưa sản phẩm ra thị trường (Time to production):</strong> Nhanh hơn hay chậm hơn, do AI quyết định một phần đấy!</li> <li><strong>Tốc độ onboarding dev mới:</strong> Dev mới có "vào guồng" nhanh không? Hay lại mất cả tháng trời để tìm hiểu dự án?</li> <li><strong>Sự nhất quán trong code giữa các team:</strong> Liệu code có đồng đều chất lượng giữa các nhóm phát triển không?</li> <li><strong>Mức độ AI hiểu về toàn bộ "stack" công nghệ của bạn:</strong> AI có thực sự là "bộ não thứ hai" của team bạn không?</li> </ul> <img src='https://truyentranh.letranglan.top/api/v1/proxy?url=https://i.imgur.com/AI_Impact.png' alt='Tác động của AI IDE đến quy trình phát triển'> <h3>Chọn theo 'Khẩu Vị' Team và Mức Độ Chấp Nhận Rủi Ro</h3> Việc quyết định dùng Cursor hay Kiro thường phụ thuộc rất nhiều vào "độ chín" của team và mức độ bạn chấp nhận rủi ro. <ul> <li>Nếu bạn là team mới thành lập, đang trong giai đoạn "chạy nước rút", cần thử nghiệm liên tục và "ra lò" sản phẩm thật nhanh, Cursor chính là "vị cứu tinh" mang lại năng suất tức thì. Nhưng, tốc độ đôi khi đi kèm với sự đánh đổi: ít cấu trúc hơn, ít "hàng rào bảo vệ" hơn, và có thể chưa khớp hoàn toàn với các tiêu chuẩn kiến trúc dài hạn.</li> <li>Ngược lại, nếu team bạn thuộc các ngành cần tuân thủ nghiêm ngặt như tài chính (fintech), y tế (healthcare) hay SaaS doanh nghiệp, thì những "hàng rào bảo vệ" của Kiro là VÔ CÙNG cần thiết. Khi các developer phải làm việc trên nhiều môi trường, team và hệ thống khác nhau, việc AI hiểu được ngữ cảnh không còn là "có thì tốt", mà là "bắt buộc phải có"! Kiro giúp đảm bảo sự nhất quán, giảm thiểu rắc rối khi onboarding và giữ chất lượng code luôn đúng chuẩn nội bộ.</li> </ul> Bạn đã từng gặp phải những "cơn đau đầu" này chưa? <ul> <li>Developer vô tình "thả" những đoạn code không đúng quy định?</li> <li>Tốc độ ra tính năng mới cứ ì ạch vì API nội bộ mập mờ?</li> <li>Quá trình onboarding cho dev mới cứ mãi chậm chạp vì thiếu chia sẻ kiến thức?</li> </ul> Nếu câu trả lời là "CÓ", thì phương pháp AI tập trung vào doanh nghiệp của Kiro chính là "át chủ bài" giúp bạn vượt lên đối thủ đấy! <img src='https://truyentranh.letranglan.top/api/v1/proxy?url=https://i.imgur.com/Risk_Maturity.png' alt='Chọn AI IDE theo độ chín của team và mức độ rủi ro'> <h3>Bảo mật và Quyền riêng tư: Câu chuyện không của riêng ai!</h3> Khi nói đến công nghệ, chuyện bảo mật luôn là ưu tiên hàng đầu, đặc biệt là với code của bạn! <ul> <li><strong>Cursor:</strong> Nhanh gọn lẹ vì lưu code cục bộ và xử lý tương tác trên cloud. Nhưng điều này có thể không lý tưởng nếu dự án của bạn chứa nhiều tài sản trí tuệ (IP) nhạy cảm. Bạn có muốn "bí kíp" của mình bị "lộ" ra ngoài không?</li> <li><strong>Kiro:</strong> Ngược lại, Kiro được "đo ni đóng giày" để tuân thủ các chính sách bảo mật cấp doanh nghiệp và hoạt động trong môi trường cloud riêng tư. Nếu code là "chiến lũy" bảo vệ doanh nghiệp bạn, thì khả năng tích hợp an toàn của Kiro với tài liệu và kho mã nội bộ, riêng tư chính là điểm khác biệt "ăn tiền" đó!</li> </ul> Đây là vấn đề "sống còn" đối với các CTO và trưởng nhóm DevSecOps – những người luôn đau đáu làm sao để vừa ứng dụng AI hiện đại mà không ảnh hưởng đến sự tuân thủ quy định bảo mật. <img src='https://truyentranh.letranglan.top/api/v1/proxy?url=https://i.imgur.com/Security_Privacy.png' alt='Bảo mật và quyền riêng tư trong AI IDE'> <h3>Trend mới nổi: Dùng cả hai cho đỉnh cao hiệu suất!</h3> Một chiến lược "thông minh" mà chúng tôi hay thấy ở các khách hàng của mình là sử dụng cả hai "siêu phẩm" này một cách linh hoạt: <ul> <li><strong>Cursor:</strong> Sẽ là "cạ cứng" cho các dự án phụ, những công việc thử nghiệm hoặc khi bạn cần "bung lụa" để tạo ra prototype tính năng mới thật nhanh.</li> <li><strong>Kiro:</strong> Sẽ được triển khai cho các team sản phẩm cốt lõi, nơi cần đảm bảo các tiêu chuẩn, quy định chặt chẽ và tận dụng tối đa kho kiến thức khổng lồ của công ty.</li> </ul> Cách tiếp cận "pha trộn" này mang lại lợi ích kép: vừa có tốc độ để đổi mới sáng tạo, vừa có cấu trúc vững chắc để mở rộng quy mô. Đúng là "một mũi tên trúng hai đích"! <img src='https://truyentranh.letranglan.top/api/v1/proxy?url=https://i.imgur.com/Hybrid_Approach.png' alt='Chiến lược kết hợp Cursor và Kiro'> <h3>Chuyện thật 100% từ khách hàng của chúng tôi</h3> Chúng tôi đã giúp các startup "tân binh" trong lĩnh vực AI sử dụng Cursor để tạo ra các MVP "thần tốc", sau đó khi quy mô và sự phức tạp nội bộ tăng lên, chúng tôi lại hướng dẫn các trưởng nhóm kỹ thuật chuyển đổi sang Kiro một cách mượt mà. Mặt khác, những doanh nghiệp từng đau đầu vì kiến thức bị phân mảnh và chất lượng code không đồng đều, giờ đây đã dùng Kiro để đào tạo các lập trình viên junior. Nhờ có Kiro, quá trình onboarding (hội nhập) giảm từ 4 tuần xuống chỉ còn 5 ngày! Thật không thể tin nổi phải không? <img src='https://truyentranh.letranglan.top/api/v1/proxy?url=https://i.imgur.com/Success_Story.png' alt='Câu chuyện thành công từ khách hàng'> <h3>Lời cuối gửi bạn: Chọn đúng "vũ khí", thắng lớn trong cuộc chơi!</h3> Tóm lại, cả Cursor và Amazon Kiro đều là những công cụ AI IDE mạnh mẽ, nhưng chúng sinh ra với những sứ mệnh và đối tượng khác nhau. Việc lựa chọn "người bạn đồng hành" nào sẽ phụ thuộc vào quy mô team, phong cách làm việc, mức độ phức tạp của dự án và cả khẩu vị rủi ro của bạn nữa. Hy vọng bài viết này đã giúp bạn có cái nhìn rõ ràng hơn để đưa ra quyết định sáng suốt nhất cho hành trình phát triển phần mềm của mình! Chúc bạn "code" vui vẻ và hiệu quả! <img src='https://truyentranh.letranglan.top/api/v1/proxy?url=https://i.imgur.com/Coding_Future.png' alt='Tương lai lập trình với AI'>

Lê Lân

28/07/2025

Khám phá cách GitHub Copilot, kết hợp với Neon Serverless Postgres và Azure Functions, biến thành đồng đội full-stack của bạn. Xây dựng REST API và quản lý cơ sở dữ liệu chỉ bằng ngôn ngữ tự nhiên, không cần viết code thủ công. Tương lai phát triển phần mềm ngay trong tầm tay!

Lê Lân

27/07/2025

Ê, bạn có tin vào phép thuật trong lập trình không? Tôi thì tin rồi đấy! Mới cách đây không lâu, tôi đã tình cờ khám phá ra một thứ hay ho lắm: làm sao để 'hỏi chuyện' cơ sở dữ liệu bằng... tiếng người, ngay trong VS Code luôn! Công cụ này sử dụng Chế độ Agent kết hợp với máy chủ MCP của PostgreSQL. Từ đó, tôi đã linh cảm mạnh mẽ rằng cái thời mà công cụ phát triển được 'bơm' thêm sức mạnh từ AI tạo sinh (GenAI) đang đến rất gần. Và rồi, nó đã thành sự thật! Microsoft vừa rồi đã công bố một IDE (môi trường phát triển tích hợp) hoàn toàn mới dành cho PostgreSQL ngay trên VS Code. Bạn có thể đọc thêm chi tiết tại đây và tìm thấy kho GitHub của extension VS Code cùng hướng dẫn sử dụng ở đây. Bài viết hôm nay của tôi sẽ 'mách nhỏ' bạn cách liên kết những gì tôi đã làm về truy vấn PostgreSQL bằng ngôn ngữ tự nhiên với việc đạt được kết quả tương tự bằng extension PostgreSQL của Microsoft dành cho VS Code. Đảm bảo bạn sẽ phải ồ à vì độ tiện lợi của nó đó! Để bắt đầu hành trình khám phá này, chúng ta cần 'sắm sửa' một vài thứ nhé! 1. Cài đặt các extension PostgreSQL cho VS Code: Đảm bảo bạn đã cài đặt extension này trong VS Code nhé. Cứ tìm 'PostgreSQL' trong Marketplace là ra ngay thôi!<img src='https://truyentranh.letranglan.top/api/v1/proxy?url=https://dev-to-uploads.s3.amazonaws.com/uploads/articles/f78a8y5rz42hbgtiye0l.png' alt='Giao diện cài đặt extension PostgreSQL trong VS Code'> 2. 'Triệu hồi' một máy chủ cơ sở dữ liệu PostgreSQL: Đừng lo lắng, chúng ta sẽ không cần phải cài đặt thủ công đâu. Chỉ cần chạy vài dòng lệnh sau đây là mọi thứ sẽ tự động diễn ra như ý: git clone [email protected]:thangchung/mcp-labs.git cd mcp-labs/vscode-mcp-servers dotnet build dotnet run --project AppHost1/AppHost1.csproj Quá trình này sẽ giúp bạn thiết lập một cơ sở dữ liệu PostgreSQL, tạo một bản sao hoàn chỉnh của cơ sở dữ liệu Northwind (một database mẫu rất nổi tiếng) và điền dữ liệu vào đó. Sau khi hoàn tất các bước này, bạn sẽ thấy giao diện .NET Aspire trông như thế này. Đẹp mắt và tiện lợi vô cùng!<img src='https://truyentranh.letranglan.top/api/v1/proxy?url=https://dev-to-uploads.s3.amazonaws.com/uploads/articles/6xe65wwgnl5ru6ukex1p.png' alt='Giao diện .NET Aspire sau khi thiết lập cơ sở dữ liệu'> 3. Kết nối 'siêu tốc': Giờ thì mở VS Code lên, nhấn vào biểu tượng PostgreSQL (biểu tượng mà bạn vừa cài đặt extension ấy), và điền thông tin máy chủ, tên người dùng, mật khẩu và cổng database vào nhé. Đừng quên nhấn 'Test Connection' để chắc chắn mọi thứ 'ăn khớp' như ý muốn nha!<img src='https://truyentranh.letranglan.top/api/v1/proxy?url=https://dev-to-uploads.s3.amazonaws.com/uploads/articles/l9cw0ce8xvkneijklntr.png' alt='Cửa sổ kết nối PostgreSQL trong VS Code'>Sau khi kết nối thành công, bạn sẽ thấy tất cả các lược đồ bảng (schema) hiện ra 'phơi bày' như hình dưới đây. Cả một thế giới dữ liệu đang chờ bạn khám phá đấy!<img src='https://truyentranh.letranglan.top/api/v1/proxy?url=https://dev-to-uploads.s3.amazonaws.com/uploads/articles/otqa22omka4s4lkefkyn.png' alt='Các lược đồ bảng PostgreSQL hiển thị trong VS Code'> À mà khoan, còn một tính năng cực kỳ 'ngon lành cành đào' trong extension này mà bạn không thể bỏ qua đâu nhé! Tại thư mục gốc của máy chủ database, bạn có thể click chuột phải vào 'postgres' và chọn 'Visualize Schema'. Thật đơn giản phải không nào?<img src='https://truyentranh.letranglan.top/api/v1/proxy?url=https://dev-to-uploads.s3.amazonaws.com/uploads/articles/e7vbrv441g9g5zbmbexe.png' alt='Menu chuột phải để Visualize Schema'>Và 'voilà'! Bạn sẽ thấy tất cả các lược đồ bảng cơ sở dữ liệu được hiển thị một cách trực quan, đẹp mắt như một bức tranh nghệ thuật vậy đó. Nhìn phát là hiểu ngay mối quan hệ giữa các bảng luôn!<img src='https://truyentranh.letranglan.top/api/v1/proxy?url=https://dev-to-uploads.s3.amazonaws.com/uploads/articles/enu1sylwwa26y64hkk7m.png' alt='Biểu đồ trực quan hóa lược đồ cơ sở dữ liệu'> Giờ thì đến phần 'đỉnh cao' nhất đây rồi! Bạn có muốn biết làm thế nào để biến những câu hỏi bình thường thành những truy vấn thông minh trong GitHub Copilot (ở Chế độ Agent với mô hình Claude Sonnet 4) ngay trong VS Code không? Hãy xem qua tổng quan dưới đây nhé:<img src='https://truyentranh.letranglan.top/api/v1/proxy?url=https://dev-to-uploads.s3.amazonaws.com/uploads/articles/xt8l7j7t3i9bp99oo7by.png' alt='Giao diện GitHub Copilot Agent Mode trong VS Code'> Chúng ta hãy 'đi sâu' một chút vào chi tiết nhé: Bạn thấy không, chỉ với một câu hỏi siêu đơn giản của tôi: 'Show me the top 10 orders with the best prices in T-SQL, and query it out' (Hãy cho tôi xem 10 đơn hàng có giá tốt nhất bằng T-SQL và truy vấn nó ra), mà 'em' AI của chúng ta đã tạo ra một truy vấn T-SQL cực kỳ 'khủng' như thế này đây: SELECT o.order_id, o.customer_id, c.company_name, o.order_date, o.shipped_date, -- Calculate total order value considering discount ROUND( SUM( od.unit_price * od.quantity * (1 - od.discount) )::numeric, 2 ) AS total_order_value, -- Additional details COUNT(od.product_id) AS total_items, o.freight, o.ship_country FROM orders o INNER JOIN order_details od ON o.order_id = od.order_id LEFT JOIN customers c ON o.customer_id = c.customer_id GROUP BY o.order_id, o.customer_id, c.company_name, o.order_date, o.shipped_date, o.freight, o.ship_country ORDER BY total_order_value DESC LIMIT 10; Nếu bạn nhìn vào đoạn T-SQL trên, bạn sẽ thấy nó thông minh hơn rất nhiều so với cách mà tôi đã thiết lập trước đây. Chỉ với một 'zero-shot prompt' (nghĩa là chỉ cần hỏi một câu thôi mà nó đã hiểu hết ý mình rồi), nó đã xác định chính xác các bảng hợp lệ trong cơ sở dữ liệu. Trong cách thiết lập trước, tôi còn phải tự tay chỉ định tên bảng và cột giá đấy! Giờ thì cùng xem kết quả chi tiết nhé. Ngạc nhiên chưa!<img src='https://truyentranh.letranglan.top/api/v1/proxy?url=https://dev-to-uploads.s3.amazonaws.com/uploads/articles/vr8xy29jmp9uho5jejlp.png' alt='Kết quả truy vấn top 10 đơn hàng có giá trị cao nhất'>Và khi bạn muốn sử dụng công cụ truy vấn MCP của PostgreSQL, hệ thống sẽ hỏi bạn xác nhận. Cứ 'OK' là xong!<img src='https://truyentranh.letranglan.top/api/v1/proxy?url=https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ioxby7r4vh2z2wjbi02n.png' alt='Hộp thoại xác nhận sử dụng công cụ truy vấn MCP của PostgreSQL'>Công cụ này sẽ giúp bạn truy vấn đến máy chủ cơ sở dữ liệu và lấy dữ liệu ra. Sau đó, nó còn gửi kết quả cho mô hình LLM để 'làm giàu' thêm thông tin và đưa ra những góc nhìn sâu sắc hơn nữa. Thật là 'một công đôi việc' phải không nào? Tóm lại, việc tích hợp GenAI vào các công cụ phát triển đang thực sự 'thay máu' cách chúng ta làm việc, khiến mọi tác vụ trở nên trực quan và hiệu quả hơn rất nhiều (lần này là với IDE PostgreSQL). Khi chúng ta đang đứng trước ngưỡng cửa của cuộc cách mạng công nghệ này, rõ ràng là tương lai sẽ còn mang đến nhiều tiến bộ thú vị hơn nữa. Sự bùng nổ của các công cụ tăng cường GenAI chắc chắn sẽ biến đổi quy trình làm việc của chúng ta, thúc đẩy sự đổi mới và năng suất lên một tầm cao mới. Hãy cùng chờ đón nhé, vì cuộc hành trình này chỉ mới bắt đầu thôi, và những điều tuyệt vời nhất vẫn còn ở phía trước!

Lê Lân

27/07/2025

Trong vòng 24 giờ, cộng đồng nhà phát triển của Cursor đã sôi sục vì những vấn đề hiệu suất nghiêm trọng và thiếu minh bạch từ đội ngũ. Người dùng, đặc biệt là những người không dùng gói cao cấp, đang phàn nàn về tốc độ chậm chạp và tình trạng không thể sử dụng. Cùng lúc đó, Microsoft công bố VS Code trở thành trình chỉnh sửa AI mã nguồn mở, tạo ra áp lực lớn cho Cursor. Liệu Cursor có thể lấy lại lòng tin của người dùng?

Lê Lân

26/07/2025

Khám phá IDE mới của Microsoft cho PostgreSQL trong VS Code, cách nó cách mạng hóa việc truy vấn cơ sở dữ liệu bằng ngôn ngữ tự nhiên và làm việc với dữ liệu hiệu quả hơn nhờ GenAI.

Lê Lân

22/07/2025

Tìm hiểu cách tích hợp AI tạo sinh (GenAI) vào các công cụ phát triển thông qua IDE PostgreSQL mới của Microsoft trong VS Code. Khám phá cách truy vấn database bằng ngôn ngữ tự nhiên, trực quan hóa sơ đồ và nâng cao năng suất với GitHub Copilot.

Lê Lân

20/07/2025

Khám phá top các trợ lý AI hàng đầu cho VS Code trong năm 2025: GitHub Copilot, Amazon Q, Windsurf, Continue, Tabnine, Cody và nhiều hơn nữa. Nâng cao năng suất và chất lượng code của bạn ngay hôm nay!

Lê Lân

14/07/2025

Khám phá cách tự tay xây dựng trợ lý code Copilot của riêng bạn ngay trên máy tính với VS Code và Ollama. Giải pháp AI lập trình nhanh chóng, riêng tư, không cần kết nối đám mây hay lo lắng về bảo mật dữ liệu. Lý tưởng cho các nhà phát triển muốn kiểm soát hoàn toàn công cụ AI của mình.

Lê Lân

13/07/2025

Khám phá cách IDE PostgreSQL mới của Microsoft trong VS Code, được tăng cường bởi GenAI, giúp bạn truy vấn cơ sở dữ liệu bằng ngôn ngữ tự nhiên, trực quan hóa lược đồ và tăng cường hiệu suất lập trình.

Lê Lân

02/07/2025

Khám phá cách biến VS Code thành một trung tâm AI lập trình mạnh mẽ với Ollama, giúp bạn có một 'Copilot' riêng tư, siêu tốc, không cần kết nối đám mây và tuyệt đối an toàn dữ liệu. Giải pháp hoàn hảo cho mọi lập trình viên muốn làm chủ công cụ AI của mình.

Lê Lân

01/07/2025

Khám phá rủi ro tiềm ẩn khi cài đặt tiện ích mở rộng Visual Studio Code. Tiện ích có thể truy cập hệ thống đầy đủ, không có sandbox. Tìm hiểu về VSCan, công cụ miễn phí giúp bạn kiểm tra bảo mật tiện ích VS Code.

Lê Lân

30/06/2025

Khám phá cách truy vấn database PostgreSQL bằng ngôn ngữ tự nhiên ngay trong VS Code với tiện ích mở rộng mới từ Microsoft, được hỗ trợ bởi GenAI. Bài viết hướng dẫn cài đặt, kết nối và sử dụng các tính năng thông minh như trực quan hóa schema và truy vấn thông minh với GitHub Copilot.

Lê Lân

26/06/2025

Khám phá VS Code Agent Mode - công cụ AI đột phá giúp bạn tăng tốc độ lập trình, tự động hóa tác vụ phức tạp và gỡ lỗi hiệu quả. Biến VS Code thành một trợ lý AI mạnh mẽ ngay hôm nay!

Lê Lân

24/06/2025

Tác giả chia sẻ kinh nghiệm sử dụng Copilot và Gemini 2.5 Pro để loại bỏ hình ảnh khỏi blog, tập trung vào nội dung và tối ưu quy trình xuất bản. Bài viết nhấn mạnh vai trò của kiểm thử khi làm việc với AI trong phát triển thực tế.

Lê Lân

21/06/2025

Khám phá CodeAIve, một IDE AI siêu thông minh chạy hoàn toàn cục bộ trên máy tính của bạn, không cần đám mây và bảo vệ quyền riêng tư tuyệt đối. Tìm hiểu kiến trúc đa agent, tính năng nổi bật và lộ trình phát triển của dự án tiên phong này.

Lê Lân

20/06/2025

Hướng dẫn chi tiết cách cài đặt và cấu hình plugin Continue trong VSCode để kết nối với các mô hình AI lớn như Claude 3.5 và GPT, giúp tăng tốc độ viết code mà không cần VPN. Khám phá cách AI hỗ trợ tối ưu hóa code và giải quyết vấn đề.

Lê Lân

14/06/2025