Chỉnh sửa do Monaco cung cấp
Viết mã trong trình chỉnh sửa được xây dựng cho các tệp, tab có cấu trúc và quy trình mã hóa quen thuộc.
Không gian làm việc mã dựa trên trình duyệt
Viết mã, xem trước và thử nghiệm các dự án trực tiếp trong trình duyệt của bạn
Làm việc trong trình chỉnh sửa do Monaco cung cấp với các tab dự án và bản xem trước trực tiếp. Bắt đầu nhanh chóng, kiểm tra các thay đổi khi bạn xây dựng và xuất dự án của mình khi dự án sẵn sàng.
Biên tập viên MonacoXem trước trực tiếpDựa trên trình duyệtKhông cần thiết lập
KreoCode không gian làm việc
src/App.tsx
TypeScript + Phản ứng
const workflow = {
preview: true,
setup: 'none'
};
// Xem trước các cập nhật khi dự án thay đổi
$ npm run preview
Bản xem trước được biên dịch thành công
Bản xem trước được biên dịch thành công
Xem trước trực tiếp
Xem trước đã sẵn sàng
Không gian làm việc phát triển trình duyệt tập trung
Các tiện ích chỉnh sửa, xem trước và dành cho nhà phát triển được sắp xếp xung quanh công việc bạn cần hoàn thành ngay bây giờ.
Xem trước trực quan
Xem lại kết quả của trình duyệt cùng với các tệp của bạn trong khi lặp lại trên HTML, CSS và JavaScript.
Bắt đầu mà không cần thiết lập
Mở một dự án trong trình duyệt mà không định cấu hình môi trường phát triển cục bộ trước.
Quy trình làm việc của trình duyệt
Giữ bản nháp trong không gian làm việc đang hoạt động của bạn và quyết định thời điểm xuất tệp dự án của bạn.
Quy trình làm việc theo mã đầu tiên cho các dự án thực tế
Sử dụng trình chỉnh sửa trong đó mã nguồn, đầu ra được kết xuất và các tiện ích dành cho nhà phát triển tập trung cần phải ở gần nhau.
Nguyên mẫu giao diện người dùng
Xây dựng và kiểm tra các ý tưởng giao diện nhỏ bằng tính năng xem trước nguồn và trình duyệt trong một không gian làm việc.
Đoạn trích có thể tái sử dụng
Soạn thảo, tinh chỉnh và xuất các ví dụ mã cho công việc tài liệu, giảng dạy hoặc triển khai.
API và thử nghiệm dữ liệu
Ghép nối logic JavaScript với các tiện ích xác thực và định dạng JSON trong khi kiểm tra hành vi tải trọng.
Từ ý tưởng đến bản xem trước trong ba bước
Một quy trình làm việc ngắn dành cho các nguyên mẫu, đoạn mã và công việc dự án trên trình duyệt.
Bắt đầu mã hóa
Mở trình chỉnh sửa và xây dựng dự án của bạn với các tệp nguồn có tổ chức.
Xem trước ngay lập tức
Kiểm tra kết quả được hiển thị trong khi bạn tinh chỉnh bố cục và hành vi.
Xuất tác phẩm của bạn
Tải xuống các tệp dự án khi quy trình làm việc trên trình duyệt của bạn hoàn tất.
Công cụ dành cho nhà phát triển được kết nối với quy trình làm việc của bạn
Sử dụng các tiện ích Kreotar tập trung để định dạng, kiểm tra và tạo ra các giá trị phát triển chung.
Định dạng JSONĐịnh dạng và kiểm tra dữ liệu JSON.Trình kiểm tra RegexKiểm tra các biểu thức dựa trên văn bản mẫu.Bộ giải mã JWTKiểm tra tải trọng mã thông báo một cách nhanh chóng.Trình tạo hàm bămTạo giá trị băm cho chuỗi.Trình tạo UUIDTạo định danh cho các dự án.Bộ chuyển đổi dấu thời gianDịch các giá trị thời gian phổ biến.Trình định dạng mãLàm cho mã đã dán dễ xem lại hơn.Công cụ khai thác mãChuẩn bị đầu ra mã nhỏ gọn.JSON Trình xác thực lược đồKiểm tra dữ liệu đầu vào có cấu trúc.
Kreotar không gian làm việc của nhà phát triển
Trình chỉnh sửa mã được thiết kế để hoạt động nhanh trên trình duyệt
Kreotar Code Editor cung cấp cho các nhà phát triển và sinh viên một nơi trực tiếp để viết mã dự án trình duyệt, xem đầu ra và chuẩn bị tệp mà không cần bắt đầu cài đặt cục bộ. Nó rất hữu ích cho các nguyên mẫu, trình diễn, thử nghiệm giao diện nhỏ và sửa lỗi nhanh.
Khi cần các tiện ích hỗ trợ, các công cụ dành cho nhà phát triển sẽ duy trì một liên kết: định dạng tải trọng, kiểm tra biểu thức chính quy hoặc tạo mã nhận dạng trước khi tiếp tục trong trình chỉnh sửa. Quy trình làm việc vẫn nhẹ nhàng và được kết nối với hệ sinh thái Kreotar rộng lớn hơn.
Chỉnh sửa mã trực tuyến mà không cần thiết lập dự án
Trình chỉnh sửa trực tuyến rất hữu ích khi nhu cầu trước mắt là viết, kiểm tra và xem trước mã trình duyệt mà không cần định cấu hình chuỗi công cụ cục bộ. Điều này làm cho nó phù hợp với các ví dụ, thí nghiệm ngắn và nguyên mẫu có thể xem lại.
Xem trước trực tiếp cho công việc HTML, CSS và JavaScript
Đầu ra trực quan cung cấp bối cảnh cho những thay đổi nguồn. Chỉnh sửa dự án, kiểm tra kết quả được hiển thị và điều chỉnh hành vi trong quy trình làm việc được xây dựng dựa trên mã giao diện với trình duyệt.
Tiện ích dành cho nhà phát triển là điểm vào được kết nối
Công việc mã thường bao gồm xác thực JSON, kiểm tra biểu thức chính quy, giải mã mã thông báo hoặc tạo ID. Các liên kết có thể thu thập thông tin tới các công cụ này giúp quy trình làm việc của nhà phát triển có thể được khám phá và tiếp tục dễ dàng hơn.
Câu hỏi về Trình chỉnh sửa mã
Chi tiết thực tế về cách sử dụng không gian làm việc của trình duyệt.
Tôi có thể mở Code Editor mà không cần cài đặt phần mềm không?
Đúng. Không gian làm việc mở trong trình duyệt của bạn, do đó bạn có thể bắt đầu chỉnh sửa và xem trước dự án mà không cần thiết lập cục bộ.
Trình chỉnh sửa có bao gồm bản xem trước trực tiếp không?
Đúng. Không gian làm việc bao gồm bản xem trước trực tiếp cho kết quả dự án trên trình duyệt trong khi bạn làm việc.
Làm cách nào để tiếp tục với các tập tin của tôi?
Làm việc trong không gian làm việc của trình duyệt và sử dụng các điều khiển xuất của nó khi bạn sẵn sàng tải xuống các tệp dự án.