Sử dụng VSCode để viết mã từ xa

Sử dụng VSCode để viết mã từ xa

Tin ngắn hàng ngày dành cho bạn
  • MongoDB cũng áp dụng Eating Our Own Dog Food vào trong quy trình phát triển sản phẩm của họ. Nếu còn chưa biết đó là gì thì bạn hãy đọc thêm bài viết Eating your own dog food - Dùng sản phẩm của chính mình.

    » Xem thêm
  • swapy là một thư viện giúp bạn tạo ra thao tác kéo thả để hoán đổi vị trí của các thành phần một cách dễ dàng.

    Thư viện hỗ trợ rất nhiều nền tảng, rất thích hợp để xây dựng một cái gì đó mang tính cá nhân hoá như trang Dashboard của người dùng.

    » Xem thêm
  • Ui! Blog đang dính một lỗi bảo mật khá nghiêm trọng. Không biết có bạn nào phát hiện ra chưa. Dù chưa ảnh hưởng đến người dùng nhưng thông qua quá trình Eating your own dog food thì mới phát hiện ra á. Để sửa xong thì mình kể chi tiết.

    » Xem thêm

Vấn đề

Chắc là sẽ có lúc bạn cần sửa file trực tiếp trên server để tham gia vào quá trình debug. Công việc này gồm có các bước cơ bản như SSH vào server, di chuyển đến thư mục của project, sử dụng công cụ soạn thảo dòng lệnh như nano hoặc vim mở tệp rồi bắt đầu chỉnh sửa. Nếu như là một tín đồ của vim, bạn có thể biến nó thành một trình soạn thảo mạnh mẽ, còn ngược lại, vim không mấy hữu ích khi nó hơi khó để sử dụng.

Trong VSCode, có một extension tên là Remote - Tunnels giúp bạn mở được trực tiếp project trên server mà vẫn sử dụng được đầy đủ tính năng của VSCode. Như thế, bạn vẫn có trình nhắc syntax, hight light code... hay hầu hết extentions cài đặt trong trình soạn thảo. Bài viết ngày hôm nay hãy cũng tôi tìm hiểu cách làm nhé.

Các bước thiết lập

Đầu tiên, hãy cài đặt extension Remote - Tunnels.

Sau đó bấm vào nút Remote có hai mũi tên ở góc dưới bên trái màn hình.

Bước 1

Chọn dòng "Connect to Host", sau đó chọn "Add new SSH host" nếu bạn chưa từng thêm cấu hình nào trước đó.

Bước 2

Một ô input hiện ra yêu cầu chúng ta nhập thông tin để SSH vào server. Ví dụ tôi đăng nhập vào server [email protected]:

Bước 3

Ở đây, vì đã thiết lập ssh sử dụng ssh-key nên VSCode tự động sử dụng luôn key có trong máy, còn nếu không có key hoặc đăng nhập bằng mật khẩu, bạn cần phải nhập mật khẩu mỗi khi "Connect to Host".

Sau khi nhập xong, một cửa sổ mới sẽ bật lên để báo cho bạn biết đã kết nối thành công đến máy chủ. Lúc này bấm vào nút "Open Folder" để duyệt đến thư mục dự án của bạn, sau đó bấm "OK" là bạn đã có thể bắt đầu viết code.

Buoc 4

Theo tôi thấy, ngoài việc viết code ra thì sử dụng cách này còn có thể quản lý được các file và thư mục mà project tạo ra trong quá trình chạy nữa. Ngoài ra, bạn cũng có thể commit trực tiếp từ đây, nhưng hãy hạn chế vì có thể gây ra nhiều sự cố ngoài ý muốn.

Cao cấp
Hello

Tôi & khao khát "chơi chữ"

Bạn đã thử viết? Và rồi thất bại hoặc chưa ưng ý? Tại 2coffee.dev chúng tôi đã có quãng thời gian chật vật với công việc viết. Đừng nản chí, vì giờ đây chúng tôi đã có cách giúp bạn. Hãy bấm vào để trở thành hội viên ngay!

Bạn đã thử viết? Và rồi thất bại hoặc chưa ưng ý? Tại 2coffee.dev chúng tôi đã có quãng thời gian chật vật với công việc viết. Đừng nản chí, vì giờ đây chúng tôi đã có cách giúp bạn. Hãy bấm vào để trở thành hội viên ngay!

Xem tất cả

Đăng ký nhận thông báo bài viết mới

hoặc
* Bản tin tổng hợp được gửi mỗi 1-2 tuần, huỷ bất cứ lúc nào.

Bình luận (0)

Nội dung bình luận...