Giống như nhiều nhà phát triển, tôi từng nghĩ VS Code chỉ là một trình soạn thảo mã nguồn đơn giản – tuyệt vời cho việc viết, gỡ lỗi và quản lý dự án. Không thể phủ nhận rằng đây là một công cụ tuyệt vời, nhưng quan điểm của tôi đã thay đổi khi tôi bắt đầu khám phá hệ sinh thái phong phú của các tiện ích mở rộng. Đây không chỉ là những công cụ đánh dấu cú pháp hay linter thông thường; chúng là những công cụ mạnh mẽ biến VS Code thành một thứ đa năng hơn nhiều. Dưới đây là những viên ngọc ẩn chứng minh rằng VS Code có thể làm được nhiều hơn chỉ là một Môi trường Phát triển Tích hợp.

Excalidraw

Nảy sinh ý tưởng trong thời gian ngắn

Tiện ích Excalidraw cho VS Code là một ví dụ tuyệt vời về cách một công cụ đơn giản có thể cải thiện quy trình phát triển của bạn. Nó tích hợp bảng trắng ảo nổi tiếng trực tiếp vào VS Code của bạn. Bạn có thể tạo và chỉnh sửa sơ đồ Excalidraw khi nó xử lý các tệp với các phần mở rộng như .excalidraw, .excalidraw.json, .excalidraw.svg hoặc .excalidraw.png.

Nó duy trì phong cách vẽ tay đặc trưng của Excalidraw, rất tuyệt cho các sơ đồ nhanh không cần phải trau chuốt hoàn hảo. Tiện ích cung cấp tất cả các công cụ cơ bản như hình chữ nhật, hình tròn, hình kim cương, mũi tên, đường kẻ và nhiều hơn nữa.

Nó rất tiện lợi cho các phác thảo thiết kế nhanh và sơ đồ khung dây, sơ đồ kiến trúc phần mềm, sơ đồ luồng, hình ảnh hóa và các phiên động não. Bạn chỉ cần tạo một tệp mới với một trong các phần mở rộng được hỗ trợ và mở khóa trình soạn thảo Excalidraw trong VS Code.

Mermaid Chart

Thêm các loại biểu đồ khác nhau bằng ngôn ngữ mã nguồn mở

Nếu Excalidraw quá cơ bản với bạn, hãy khám phá tiện ích Mermaid Chart cho VS Code. Như dự kiến, nó tận dụng thư viện Mermaid.js để cho phép các nhà phát triển tạo, hình dung và quản lý sơ đồ bằng cú pháp văn bản đơn giản, giống như Markdown, trực tiếp trong trình soạn thảo của họ.

Khi bạn nhập cú pháp Mermaid của mình vào một tệp, tiện ích cung cấp một bản xem trước tức thì, trực tiếp của sơ đồ được hiển thị trong một bảng riêng. Tiện ích tự động nhận diện các tệp .md và các khối mã Mermaid trong Markdown. Nó hỗ trợ nhiều loại sơ đồ như Sơ đồ luồng, Sơ đồ tuần tự, Sơ đồ lớp, Biểu đồ Gantt, Biểu đồ tròn, và nhiều hơn nữa.

Đây là một tiện ích không thể thiếu cho tài liệu kỹ thuật, hình dung luồng mã và thuật toán, và tài liệu API.

Foam

Công cụ PKM lý tưởng

Tiện ích Foam biến trình soạn thảo mã nguồn quen thuộc của bạn thành một hệ thống PKM mạnh mẽ. Nó được lấy cảm hứng nhiều từ các khái niệm từ Roam Research và phương pháp Zettelkasten. Nó kết nối các ý tưởng, xây dựng một mạng lưới kiến thức và cung cấp nội dung tốt hơn trong các tệp Markdown cục bộ của bạn.

Bạn có thể liên kết các ghi chú với nhau bằng cú pháp [[wiki link]], và Foam tự động hiển thị cho bạn các liên kết ngược. Điều này giúp bạn khám phá các kết nối không ngờ tới và cung cấp ngữ cảnh. Foam hỗ trợ hình dung đồ thị, xem trước và điều hướng liên kết, ghi chú hàng ngày, và nhiều hơn nữa.

Vscode-icons

Thêm điểm nhấn thẩm mỹ

VS Code cho phép các tiện ích mở rộng đóng góp các chủ đề biểu tượng khác nhau, và vscode-icons cung cấp một bộ biểu tượng tùy chỉnh phong phú, dễ nhận diện cho một loạt ngôn ngữ lập trình. Thay vì các biểu tượng tài liệu hoặc thư mục chung chung, bạn sẽ thấy một biểu tượng cụ thể cho tệp .js, tệp .css, thư mục .git, và nhiều hơn nữa. Nó hỗ trợ một loạt các phần mở rộng tệp, tên tệp và tên thư mục.

Đó có vẻ là một chi tiết nhỏ, nhưng nó tăng cường độ rõ ràng hình ảnh, tốc độ điều hướng, và trải nghiệm người dùng tổng thể.

Markdown All in One

Nâng cao trải nghiệm Markdown

Mặc dù VS Code có hỗ trợ Markdown tích hợp khá tốt, tiện ích này đưa trải nghiệm lên một tầm cao mới. Đây là một ví dụ điển hình về cách một tiện ích có thể nâng cấp trình soạn thảo thành một nền tảng tạo nội dung mạnh mẽ.

Markdown All in One hỗ trợ các phím tắt cho định dạng thông thường. Đây là một tiết kiệm thời gian đáng kể. Thay vì gõ ** cho chữ đậm hoặc * cho chữ nghiêng, bạn có thể sử dụng các phím tắt cho các tùy chọn định dạng thông thường. Tiện ích cũng hỗ trợ Bảng mục lục, chỉnh sửa danh sách thông minh, tự động hoàn thiện, và nhiều hơn nữa.

Project Manager

Quản lý dự án của bạn như một chuyên gia

Nếu bạn thường xuyên xoay sở nhiều dự án, hãy sử dụng tiện ích Project Manager. Trong khi các tính năng Open Folder và Workspaces tích hợp của VS Code xử lý tốt các dự án riêng lẻ, tiện ích Project Manager cung cấp một cách tổ chức, truy cập và chuyển đổi giữa tất cả các dự án phát triển của bạn một cách tập trung, nhanh chóng và hiệu quả.

Các tính năng chính bao gồm danh sách dự án tập trung, khả năng lưu bất kỳ thư mục nào dưới dạng dự án, tự động phát hiện các kho lưu trữ, tổ chức với thẻ, và nhiều hơn nữa. Nó nâng cấp tổ chức dự án, giảm bớt chuyển đổi ngữ cảnh và tăng cường năng suất.

Figma for VS Code

Truy cập tệp Figma của bạn

Plugin này cầu nối khoảng cách giữa quy trình thiết kế và phát triển. Nó tích hợp sức mạnh của các tính năng hợp tác thiết kế của Figma và chế độ Dev Mode tập trung vào nhà phát triển trực tiếp vào môi trường VS Code.

Truyền thống, các nhà phát triển sẽ chuyển đổi giữa IDE của họ và ứng dụng Figma để kiểm tra thông số thiết kế, sao chép giá trị và hiểu bố cục. Tiện ích này loại bỏ sự chuyển đổi ngữ cảnh liên tục bằng cách mang thông tin thiết kế cần thiết đến ngay phía nhà phát triển với VS Code.

Khám phá sức mạnh thực sự của VS Code

Như bạn có thể thấy, VS Code không chỉ là nơi để viết và xem lại mã. Những tiện ích này biến nó từ một trình soạn thảo đơn thuần thành một trạm làm việc mạnh mẽ, có khả năng xử lý các nhiệm vụ mà bạn có thể chưa bao giờ nghĩ tới. Bạn còn chờ gì nữa? Tải VS Code bằng liên kết dưới đây, truy cập menu tiện ích mở rộng và mở rộng hệ sinh thái phát triển của bạn trong thời gian ngắn.

Nếu bạn đang sử dụng Ubuntu làm máy chính, đây là cách cài đặt VS Code trên đó.

The post Khám phá hệ sinh thái mở rộng của VS Code appeared first on Nhật Phúc.

OPNsense không chỉ là một trong những lựa chọn tốt nhất cho mạng gia đình của bạn, với khả năng xử lý các nhiệm vụ định tuyến và tường lửa để bảo vệ mạng của bạn khỏi internet rộng lớn. Nó còn dễ dàng mở rộng cho các chức năng mới, nhờ có một loạt các plugin và tiện ích mở rộng OPNsense để sử dụng. Những plugin này bổ sung các tính năng bảo mật mới, công cụ hữu ích, phần mềm giám sát và những thứ tiện lợi khác, và tất cả đều dễ dàng cài đặt chỉ với vài cú nhấp chuột.

Nhưng vì nó dựa trên FreeBSD, có rất nhiều plugin và gói hữu ích khác mà bạn có thể cài đặt từ các nguồn khác. Tôi đã sử dụng một số trong bản cài đặt OPNsense của mình, và chúng thêm nhiều tiện ích và tính năng mà tôi đã sử dụng trên các bản cài đặt mạng khác để làm cho mọi thứ dễ dàng hơn tổng thể.

Tất cả các plugin này đều từ kho cộng đồng cho OPNsense, chứ không phải là các plugin chính thức. Một số thậm chí không phải là plugin, nhưng các gói này có thể dễ dàng cài đặt từ CLI và cũng dễ sử dụng sau đó. Cũng cần lưu ý rằng các plugin này không đi kèm với kỳ vọng về hỗ trợ kỹ thuật nếu có vấn đề xảy ra, vì vậy nên sao lưu cài đặt OPNsense của bạn trước khi bắt đầu.

Cloudflared

Quản lý Cloudflare Tunnels trực tiếp từ router của bạn

Khả năng sử dụng Cloudflare Tunnels để kết nối an toàn với mạng gia đình của bạn thật tuyệt vời. OPNsense không có plugin để quản lý chúng dễ dàng, nhưng điều đó không thành vấn đề vì tất cả những gì bạn cần là dịch vụ Cloudflared. Điều này có thể được cài đặt từ kho không chính thức mà chúng ta đã đề cập trước đó, vì không có ứng dụng BSD gốc từ Cloudflare. Sau đó, chỉ cần chạy một số lệnh CLI khi SSH vào router.

Đi tới bảng điều khiển Cloudflare Zero Trust của bạn, như khi thiết lập bất kỳ Tunnel nào khác, và tạo một cho OPNsense. Đưa chi tiết cho token Tunnel đó vào CLI cho OPNsense cho phép bạn khởi động dịch vụ Cloudflared để kết nối với Tunnel, và thiết lập để tự động kết nối mỗi khi hộp OPNsense khởi động lại. Không còn lo lắng về việc bị khóa khỏi router khi xa nhà, và bạn sẽ có thể sử dụng Tunnel để sử dụng bất kỳ tài nguyên mạng nội bộ nào như thể bạn đang ở nhà.

AdGuard Home

Chặn phiền toái trước khi chúng đến với thiết bị của bạn

Có rất nhiều cách để giữ cho các quảng cáo, phần mềm độc hại và các tên miền không lành mạnh không xâm nhập vào thiết bị mạng của bạn, nhưng chẳng phải tốt hơn khi cắt nó ngay từ nguồn và chạy các chương trình chặn trên router của bạn? Đúng vậy, Pi-holes vẫn hoạt động, và bạn có thể chạy chúng trên NAS, máy chủ, hoặc bất cứ nơi nào khác trên mạng gia đình của bạn miễn là bạn hướng các bản ghi DNS thiết bị của bạn tới máy chủ DNS chặn, nhưng tôi thích có nó trên router của mình.

Phần tuyệt vời nhất là trên OPNsense, AdGuard Home là một plugin, nên nó tích hợp liền mạch với GUI, và bạn có thể quản lý nó bằng cách kết nối với phía LAN của bạn trên cổng 3000. Tôi đã sử dụng máy chủ DNS của AdGuard trên iPad Pro của mình và một vài thiết bị khác không thể chạy phần mềm chặn quảng cáo gốc, và nó hoạt động tốt. Tôi không quá quan tâm đến quảng cáo xâm phạm vì bản thân, nhưng tôi có một đứa trẻ nhỏ, và tôi không thích luồng tiêu dùng tràn ngập khi duyệt trên máy tính bảng.

AdGuard còn cung cấp điểm cộng với máy chủ DNS IPv6 để thêm vào, cũng như địa chỉ vòng lặp cục bộ, để mọi khía cạnh của mạng của bạn có thể được bảo vệ. Nếu bạn không sử dụng OPNsense, bạn thậm chí có thể thiết lập nó như một máy chủ DHCP, vì vậy nó là một công cụ chặn rất linh hoạt. Thêm vào đó, bạn có thể tận dụng lọc DNS tùy chỉnh để sử dụng tên miền cục bộ cho các dịch vụ tự lưu trữ của bạn. Đúng, OPNsense có Unbound nơi bạn có thể làm điều tương tự, nhưng thật tốt khi có các tùy chọn, và đôi khi AdGuard dễ sử dụng hơn.

Home Assistant

Thêm tích hợp sâu cho nhu cầu tự động hóa gia đình của bạn

Chúng tôi thích thêm các thứ vào bảng điều khiển Home Assistant của mình, vậy tại sao không kiểm soát OPNsense ở đó? Plugin cho OPNsense chỉ là một phần của phương trình; bạn cũng cần thêm một kho mới vào HACS và kết nối nó với OPNsense qua cặp khóa API được tạo trong bảng điều khiển người dùng OPNsense. Nếu bạn không muốn API được liên kết với vai trò quản trị chính, bạn sẽ cần tạo một tài khoản người dùng phụ, nhưng nó phải có vai trò quản trị; nếu không, tích hợp sẽ gặp khó khăn trong việc kiểm soát các thứ.

Bạn sẽ có một thẻ bảng điều khiển mới, với nhiều thông tin về router của bạn. Những thứ như trạng thái CARP, thông báo hệ thống, và thông báo về cập nhật firmware, một máy quét để thêm thiết bị mới từ bảng ARP của OPNsense, cảm biến cho thời gian khởi động, nhiệt độ, chi tiết CPU, và nhiều hơn nữa.

OPNarp

Bảo vệ khỏi các cuộc tấn công ARP poisoning và các mối nguy hiểm khác

OPN-Arp là một plugin đơn giản nhưng hữu ích, kiểm tra bộ nhớ đệm ARP và ghi một mục nhật ký mỗi khi nó phát hiện một địa chỉ IP và địa chỉ MAC mới được ghép đôi. Điều này sẽ hiển thị những thay đổi mạng, dù là kế hoạch, tự động hay không được phép, cung cấp cho bạn một công cụ khác để gỡ lỗi và phản ứng sự cố. Nó ghi lại hoạt động trạm mới, thay đổi và sử dụng lại các địa chỉ cũ,

Có lẽ một trong các thiết bị mạng của bạn bị cấu hình sai, điều này có thể biểu hiện theo nhiều cách, bao gồm việc rớt khỏi mạng, sau đó kết nối lại liên tục, hoặc thay đổi địa chỉ IP khi nó thực hiện điều đó. Nó có thể phát hiện hacker đang giả mạo MAC để truy cập vào mạng Wi-Fi của bạn, hoặc cung cấp danh sách tất cả các thiết bị và thiết bị mạng của bạn cho mục đích quản trị. Và bằng cách kết nối nó với Monit, bạn có thể nhận thông báo email về những mục nhật ký đó, tiện lợi hơn là phải xem qua các nhật ký.

OPNsense có rất nhiều plugin hữu ích, hoặc bạn có thể tự viết plugin của mình

Bản chất mã nguồn mở của OPNsense có nghĩa là bất kỳ ai cũng có thể viết plugin cho nó, và các công cụ từ các hệ điều hành dựa trên *nix khác có thể được chuyển đổi thành các gói FreeBSD để cài đặt. Điều này làm cho nó trở thành một nền tảng mạnh mẽ hơn, vì router của bạn có thể chạy phát hiện xâm nhập, giải pháp truy cập từ xa, và các công cụ liên quan khác. Tùy bạn quyết định có bao nhiêu công cụ này bạn muốn chạy trên cùng một hộp, vì một số có thể hợp lý hơn khi đặt trên máy chủ của bạn, hoặc không cần thiết, tùy theo nhu cầu mạng cụ thể của bạn.

The post Tăng cường bảo mật mạng với các plugin và tiện ích mở rộng OPNsense appeared first on Nhật Phúc.

Cái tên AdGuard không có gì xa lạ, đây là hãng đứng sau phần mềm chặn quảng cáo AdGuard nổi tiếng. Hiện tại, AdGuard VPN đang cho phép người dùng sử dụng miễn phí không giới hạn băng thông và hỗ trợ đến 20 địa điểm khác nhau trên thế giới. Với cái tên khá nổi tiếng này thì bạn cũng có thể an tâm để cài đặt và sử dụng extension khi cần fake IP, ẩn danh, vượt tường lửa,… khi sử dụng trình duyệt Chrome.

Để sử dụng, đầu tiên bạn hãy cài đặt Adguard VPN theo liên kết bên dưới.

[appbox chromewebstore hhdobjgopfphlmjbmnpglhfcgppchgje simple]

Sau khi cài đặt, bạn sẽ nhận được một biểu tượng mới dành cho AdGuard VPN trên thanh công cụ. Bạn hãy bấm vào, đăng ký cho mình một tài khoản bằng cách bấm vào mục Register (chỉ cần email và mật khẩu để đăng ký thôi).

Đăng nhập vào tài khoản sau khi đăng ký, lúc này bạn sẽ có thể bật VPN lên ngay bằng cách bấm vào thanh bật tắt đánh dấu như ảnh dưới:

Kiểm tra IP, như bạn thấy ở ảnh dưới do mình chọn vị trí là Singapore nên IP của mình đã được chuyển sang Singapore.

Nhiều bạn sẽ quan tâm đến tốc độ VPN, mình đã đo thử và thấy chất lượng rất tốt, đã vậy còn miễn phí và không giới hạn dung lượng.

Mặc định, AdGuard VPN sẽ chọn sẵn máy chủ có vị trí gần bạn (ở Việt Nam thì là Singapore). Tuy nhiên bạn có thể bấm vào mục Singpore để đổi sang các vị trí khác như Anh, Canada, Đức, Ấn Độ, Mỹ, Hà Lan,… Một quốc gia có thể có nhiều thành phố, bạn bấm chọn vào để xác nhận sử dụng vị trí đó.

Một điểm mình đánh giá cao ở AdGuard VPN là cho phép bạn loại trừ không sử dụng VPN trên những trang web được chỉ định, hoặc chỉ dùng VPN trên một vài trang web tuỳ bạn lựa chọn. Để cấu hình, bạn bấm vào nút ba chấm trên giao diện AdGuard VPN > chọn Settings.

• Regular mode:  Nếu bạn chọn chế độ này, các trang web trong danh sách (thêm vào bằng cách bấm vào mục ADD WEBSITE) sẽ không ẩn danh hay fake IP, nghĩa là bạn truy xuất theo IP thực.
• Selective mode: Ngược lại với chế độ trên, danh sách các trang web này sẽ được truy cập thông qua VPN của AdGuard.

The post Cách vượt tường lửa, fake IP trên internet với AdGuard VPN appeared first on Nhật Phúc.

Lưu ý là bài viết này không giới thiệu các bạn các tiện ích mở rộng để chặn quảng cáo mà là extension giúp bạn đọc báo cũng như các bài viết dài dễ dàng hơn.

Mặc dù chế độ đọc sách đã xuất hiện trong nhiều trình duyệt nhưng Chrome của Google vẫn chưa chính thức hỗ trợ nó. Tuy nhiên trên thực tế Google vẫn đang thử nghiệm tính năng này. Trước đó ở Chrome 75 Google đã đưa vào thử nghiệm tính năng này (có tên là Distill Page). Tuy nhiên không rõ vì lý do nào mà ở Chrome 79 Google đã chính thức xoá tính năng này.

Tuy nhiên một extension khá hay giúp bạn có lại tính năng này, đó là Fika, bạn có thể cài đặt theo liên kết bên dưới:

[appbox chromewebstore fbcdnjeoghampomjjaahjgjghdjdbbcj simple]

Fika vô cùng đơn giản, có hỗ trợ phím tắt để vào và thoát nhanh chế độ đọc, duyệt bài viết nhanh hơn qua danh mục,… Sau khi cài đặt xong, bạn có thể mở chế độ đọc Fika trên Chrome bằng một trong ba cách sau:

• Bấm biểu tượng Fika trên thanh công cụ.
• Bấm tổ hợp phím tắt Alt + R (Windows).
• Bấm tổ hợp phím tắt Option + R (dành cho Mac).

Khi trang web được mở trong chế độ đọc Fika, bạn sẽ nhìn thấy chữ On trên biểu tượng tiện ích này, và tất cả các thành phần cần thiết đều bị loại bỏ.

Fika có một điểm khác là tạo mục lục cho một bài viết dài (dựa vào các thẻ H2, H3 trong bài). Điều này giúp bạn chuyển nhanh đến nội dung xem mong muốn bằng cách bấm vào tiêu đều, thuận tiện khi xem trong một bài viết dài, khỏi mất công cuộn trang vốn dễ nhầm lẫn nữa.

Trước khi bật Fika mode

Sau khi bật Fika mode

Lưu ý là khi bật chế độ đọc Fika, bạn để ý góc trên bên phải có một mũi tên nhỏ. Bấm vào để hiển thị một menu cho phép bạn chuyển đổi nền đọc (trắng, vàng, xanh, đen), thậm chí bạn có thể chọn background để đọc (yêu cầu đăng ký tài khoản). Bạn cũng có thể thay đổi kích thước (Text size) và kiểu phông chữ (Font) hiển thị trên giao diện chế độ đọc sao cho tiện để bạn đọc nhất. Để thoát chế độ đọc Fika, bạn bấm vào biểu tượng Fika trên thanh công cụ hay đơn giản nhất là nhấn nút ESC trên bàn phím.

Một điểm hay nữa, đó là khi bạn chuyển qua chế độ đọc thì tính năng Google Dịch vẫn hoạt động. Bạn có thể dùng tính năng này để chuyển đổi một bài viết nước ngoài qua ngôn ngữ tiếng Việt cho dễ đọc.

The post Cách chặn quảng cáo khi đọc báo online appeared first on Nhật Phúc.

Đầu tiên, để bắt đầu dịch hình ảnh trên PC, bạn hãy cài đặt tiện ích Translate Man Plus lên Chrome theo liên kết bên dưới:

[appbox chromewebstore fmiefmaepcnjahoajkfckenfngfehhma simple]

Sau khi cài xong, bạn hãy bấm vào biểu tượng vừa được tạo ra để cấu hình. Trong đó bạn hãy chọn ngôn ngữ đích là Vietnamese để dịch thuật. Ngoài ra bạn hãy lưu ý biểu tượng crop được đánh dấu hình mũi tên bên dưới.

Để dịch hình ảnh trên máy tính, bạn hãy bấm vào biểu tượng này, kéo chọn vùng hình ảnh có nội dung cần dịch. Sau khi chọn xong thì Translate Man Plus sẽ tự động nhận dạng chữ viết và trích xuất ra text cho bạn, sau đó hỗ trợ luôn cho bạn dịch qua tiếng Việt nếu cần như ảnh dưới.

Như các bạn thấy mình đã tìm một hình ảnh trên Google Image là một bức thư và translate Man Plus dễ dàng nhận dạng chữ viết trong bức thư, sau đó còn dịch luôn qua tiếng Việt cho bạn. Dĩ nhiên nếu bạn đang đọc một quyển sách PDF thì tính năng này thậm chí còn lợi hại hơn khi giúp bạn có thể “chuyển thể” ngôn ngữ dễ dàng.

Hy vọng tiện ích dịch hình ảnh trên PC cực dễ dàng này sẽ giúp ích cho bạn. Chúc bạn thành công!

The post Cách dịch hình ảnh trên PC cực dễ dàng appeared first on Nhật Phúc.