.: Nguoicodonvn2008.info - Cõi lòng người cô đơn :.

https://nguoicodonvn2008.info

Cách thiết lập code server dựa trên web trong Linux

Cách thiết lập code server dựa trên web trong Linux

Bạn có muốn viết code ở bất kỳ đâu mà không cần phải mang theo laptop của mình đến mọi nơi không? Bạn có thể thử code-server, một ứng dụng tự host mạnh mẽ mang đầy đủ chức năng của Visual Studio Code đến trình duyệt web của bạn. Thay vì dựa vào các IDE đám mây của bên thứ ba, bạn có thể thiết lập một code-server trên homelab server của mình và truy cập an toàn từ bất kỳ thiết bị nào. Thiết lập code-server đảm bảo môi trường phát triển nhất quán và dễ truy cập, trong khi code và dữ liệu vẫn nằm trong tầm kiểm soát của bạn.

 

Thiết lập code-server trên Linux

Cài đặt code-server rất dễ. Chúng ta sẽ sử dụng Docker để cài đặt.

Chạy lệnh sau để tải xuống image code-server chính thức từ Docker Hub:

sudo docker pull codercom/code-server

Điều này đảm bảo bạn có phiên bản mới nhất của image khả dụng cục bộ trước khi tạo container.

Tải xuống image Code Server Docker
Tải xuống image Code Server Docker

Tiếp theo, khởi động container code-server mới ở chế độ nền với mật khẩu tùy chỉnh và lưu trữ liên tục:

sudo docker run -d --name code-server -p 8443:8080 -v "$HOME/code-server-data:/home/coder/project" -e PASSWORD="my_password" codercom/code-server
Khởi động container Code Server
Khởi động container Code Server

Sau khi thiết lập code-server, bạn có thể truy cập nó từ trình duyệt của mình bằng cách nhập http://localhost:8443. Nhập mật khẩu bạn đã đặt trong lệnh docker run và nhấp vào nút Submit để đăng nhập vào code-server.

Truy cập Code Server
Truy cập Code Server

Bắt đầu với Code Server

Sau khi đăng nhập, bạn sẽ thấy một giao diện trông giống hệt phiên bản desktop thông thường của VS Code. Sau đây là tổng quan nhanh về những gì bạn sẽ tìm thấy:

File Explorer

Explorer giúp bạn điều hướng qua dự án của mình. Bạn có thể duyệt qua các thư mục, mở file, tạo file mới và quản lý cấu trúc dự án của mình một cách dễ dàng.

File Explorer
File Explorer

Editor

Editor là khu vực trung tâm và đóng vai trò là không gian làm việc chính của bạn. Khi bạn mở file, file sẽ xuất hiện ở đây.

Code Editor
Code Editor

Tại đây, bạn có thể viết, chỉnh sửa và định dạng code giống như trong phiên bản desktop của VS Code.

Terminal

Terminal nằm ở cuối code server. Bạn có thể mở nó từ menu trên cùng Terminal -> New Terminal hoặc bằng cách nhấn Ctrl + `.

Bạn cũng có thể sử dụng phím tắt Ctrl + Shift + C để truy cập terminal của mình trong code server.

Terminal tích hợp
Terminal tích hợp

Extensions

Tính năng Extensions là thứ làm cho VS Code trở nên tuyệt vời. Bạn có thể sử dụng tab Extensions (biểu tượng thanh bên) để duyệt, cài đặt và quản lý các tiện ích mở rộng VS Code như linter, theme và hỗ trợ ngôn ngữ.

Extensions
Extensions

Bạn có thể tìm kiếm tiện ích mở rộng bằng thanh tìm kiếm, sau đó cài đặt và kích hoạt ngay lập tức để thêm các tính năng mới hoặc nâng cao chức năng hiện có.

Tùy chỉnh IDE dựa trên trình duyệt

Bây giờ, bạn có thể tùy chỉnh code server theo sở thích của mình, chẳng hạn như cài đặt tiện ích mở rộng, thay đổi theme, cập nhật cài đặt hoặc sửa đổi file cấu hình. Ví dụ, để đặt theme mới, bạn có thể nhấp vào biểu tượng bánh răng ở góc dưới bên trái, di chuột qua Themes và chọn Color Theme từ menu:

Mở Cài đặt
Mở Cài đặt

Bây giờ, danh sách các theme khả dụng sẽ xuất hiện. Nhấp vào một theme để xem trước và áp dụng.

Chọn theme
Chọn theme

Ngoài ra, bạn có thể dễ dàng cài đặt theme ưa thích của mình từ tab Extensions và kích hoạt ngay lập tức.

Cài đặt theme mới
Cài đặt theme mới

Tương tự như vậy, bạn cũng có thể tùy chỉnh các cài đặt code server khác. Để thực hiện việc này, chỉ cần nhấp vào biểu tượng bánh răng và chọn Settings.

Tùy chỉnh code server
Tùy chỉnh code server

Từ đây, bạn có thể tùy chỉnh hành vi của trình soạn thảo, kích thước phông chữ, định dạng và nhiều thứ khác nữa.

Tạo và chạy chương trình đầu tiên trong code-server

Tạo file văn bản mới từ bảng điều khiển Explorer hoặc bằng cách nhấn phím tắt Ctrl + Alt + N:

Tạo file mới
Tạo file mới

Nhấp vào Select a language hoặc nhấn Ctrl + K, sau đó là M để chọn ngôn ngữ mong muốn, chẳng hạn như Python.

Chọn ngôn ngữ
Chọn ngôn ngữ

Bây giờ, dán code sau vào đó để xuất "Welcome to maketecheasier.com" 3 lần trên bảng điều khiển:

for i in range(3):
    print("Welcome to maketecheasier.com")

Trước khi thực thi chương trình này, hãy đảm bảo Python đã được cài đặt. Sau đó, nhấn Ctrl + S để đặt tên thích hợp cho file, sau đó nhấp vào OK để lưu file:

Lưu file
Lưu file

Bây giờ, nhấn Ctrl + ` để mở terminal rồi chạy script Python bằng lệnh sau:

python3 mteExample.py
Chạy script Python trong Code Server
Chạy script Python trong Code Server

Bây giờ, code-server đã hoạt động trên hệ thống Linux, bạn đã sẵn sàng tận dụng tối đa lợi thế của phát triển dựa trên trình duyệt. Bạn có thể tùy chỉnh môi trường của mình bằng các theme và tiện ích mở rộng, tạo và chạy code bằng các ngôn ngữ lập trình khác nhau, thậm chí bảo mật quyền truy cập bằng domain tùy chỉnh và HTTPS. Bước tiếp theo, hãy cân nhắc khám phá cách tích hợp luồng công việc Git, bật SSL để sử dụng trong sản xuất hoặc mở rộng phòng thí nghiệm tại nhà bằng các công cụ dựa trên web khác như JupyterLab, Docker hoặc Portainer để thiết lập phát triển mạnh mẽ và linh hoạt hơn.

 

Nguồn tin: Quantrimang.com:

Bạn đã không sử dụng Site, Bấm vào đây để duy trì trạng thái đăng nhập. Thời gian chờ: 60 giây