Biên tập viên trực tuyến

Anonim

Biên tập viên trực tuyến

Không phải lúc nào, lập trình viên có một phần mềm đặc biệt trong đó thông qua đó nó hoạt động với mã. Nếu nó xảy ra rằng cần phải chỉnh sửa mã và phần mềm tương ứng không có trong tầm tay, bạn có thể sử dụng các dịch vụ trực tuyến miễn phí. Tiếp theo, chúng tôi sẽ nói về hai trang web và chi tiết chi tiết về nguyên tắc làm việc trong đó.

Chỉnh sửa mã chương trình trực tuyến

Vì có một số lượng lớn các biên tập viên tương tự và mọi thứ đơn giản không cần xem xét, chúng tôi quyết định tập trung chỉ trên hai tài nguyên Internet phổ biến nhất và đại diện cho bộ công cụ cần thiết nhất.

Ở trên, chúng tôi đã xem xét các chức năng cơ bản của dịch vụ trực tuyến Codepen. Như bạn có thể thấy, nó không chỉ tệ để không chỉ chỉnh sửa mã mà còn viết nó từ đầu, sau đó chia sẻ với những người dùng khác. Nhược điểm duy nhất của trang web là những hạn chế trong phiên bản miễn phí.

Phương pháp 2: LiveWeave

Bây giờ tôi muốn ở trên tài nguyên web LiveWeave. Nó không chỉ có trình soạn thảo mã tích hợp, mà cả các công cụ khác mà chúng ta sẽ nói dưới đây. Công việc bắt đầu với trang web như thế này:

Đi đến trang web sống

  1. Thực hiện theo liên kết ở trên để đến trang soạn thảo. Ở đây bạn ngay lập tức nhìn thấy bốn cửa sổ. Mã đầu tiên viết trong HTML5, trong JavaScript thứ hai, trong CSS thứ ba và kết quả biên dịch được hiển thị trong phần tư.
  2. Bốn cửa sổ hoạt động trên Dịch vụ LiveWeave

  3. Một trong những tính năng của trang web này có thể được coi là các mẹo bật lên khi nhập thẻ, chúng cho phép bạn tăng tốc độ của bộ và tránh lỗi bằng văn bản.
  4. Mẹo hiển thị trên Dịch vụ LiveWeave

  5. Theo mặc định, việc biên dịch xảy ra ở chế độ Live, nghĩa là, nó được xử lý ngay sau khi thực hiện các thay đổi.
  6. Hoàn thành trong thời gian thực trên Dịch vụ LiveWeave

  7. Nếu bạn muốn hủy kích hoạt tính năng này, bạn cần di chuyển thanh trượt đối diện với mục cần thiết.
  8. Vô hiệu hóa tổng hợp tự động trên dịch vụ LiveWeave

  9. Gần đó có sẵn trên và tắt chế độ ban đêm.
  10. Tắt chế độ ban đêm trên dịch vụ LiveWeave

  11. Bạn có thể tiến hành làm việc với bộ điều khiển CSS bằng cách nhấp vào nút thích hợp trên khung bên trái.
  12. Chuyển đến trình soạn thảo CSS trên Dịch vụ LiveWeave

  13. Trong menu mở ra, dòng chữ được chỉnh sửa bằng cách di chuyển các thanh trượt và thay đổi các giá trị nhất định.
  14. Chỉnh sửa CSS trên Dịch vụ LiveWeave

  15. Tiếp theo, chúng tôi khuyên bạn nên chú ý đến các yếu tố quyết định màu sắc.
  16. Chuyển đến trình duyệt cột trên Dịch vụ LiveWeave

  17. Bạn cung cấp một bảng màu rộng khắp nơi bạn có thể chọn bất kỳ màu nào và mã của nó sẽ xuất hiện ở trên cùng, sau đó được sử dụng khi viết chương trình với giao diện.
  18. Làm việc với trình duyệt màu sắc trên Dịch vụ LiveWeave

  19. Di chuyển trong menu "Trình soạn thảo Vector".
  20. Chuyển đến trình soạn thảo vector trên Dịch vụ LiveWeave

  21. Nó đang làm việc với các đối tượng đồ họa, cũng sẽ hữu ích tại thời điểm phát triển phần mềm.
  22. Làm việc trong trình chỉnh sửa vector trên Dịch vụ LiveWeave

  23. Mở menu bật lên các công cụ. Dưới đây là tải mẫu có sẵn, lưu tệp HTML và trình tạo văn bản.
  24. Nhảy để tiết kiệm dịch vụ LiveWeave

  25. Một dự án được tải xuống dưới dạng một tệp.
  26. Mở tài liệu đã lưu từ Dịch vụ LiveWeave

  27. Nếu bạn muốn lưu công việc, trước tiên bạn sẽ phải trải qua quy trình đăng ký trong dịch vụ trực tuyến này.
  28. Lưu dự án trên Dịch vụ LiveWeave

Bây giờ bạn biết cách mã được chỉnh sửa trên trang web LiveWeave. Chúng tôi có thể khuyên bạn nên sử dụng tài nguyên Internet này, vì nó có nhiều tính năng và công cụ cho phép bạn tối ưu hóa và đơn giản hóa quy trình làm việc với mã chương trình.

Về điều này, bài viết của chúng tôi đã hoàn thành. Hôm nay chúng tôi đã giới thiệu cho bạn hai hướng dẫn chi tiết để làm việc với mã bằng dịch vụ trực tuyến. Chúng tôi hy vọng thông tin này rất hữu ích và đã giúp quyết định lựa chọn tài nguyên web phù hợp nhất cho công việc.

Xem thêm:

Chọn môi trường lập trình

Các chương trình để tạo ứng dụng Android

Chọn một chương trình để tạo một trò chơi

Đọc thêm