พื้นที่ทำงานโค้ดบนเบราว์เซอร์

เขียนโค้ด ดูตัวอย่าง และทดสอบโปรเจ็กต์ได้โดยตรงในเบราว์เซอร์ของคุณ

ทำงานในโปรแกรมแก้ไขที่ขับเคลื่อนโดย Monaco พร้อมแท็บโปรเจ็กต์และดูตัวอย่างแบบสด เริ่มต้นอย่างรวดเร็ว ตรวจสอบการเปลี่ยนแปลงในขณะที่คุณสร้าง และส่งออกโปรเจ็กต์ของคุณเมื่อพร้อม

เปิดตัวแก้ไขโค้ด สำรวจเครื่องมือสำหรับนักพัฒนา

บรรณาธิการโมนาโกดูตัวอย่างสดบนเบราว์เซอร์ไม่มีการตั้งค่า

KreoCode พื้นที่ทำงาน

src/App.tsx

TypeScript + โต้ตอบ

const workflow = {

preview: true,

setup: 'none'

};

// ดูตัวอย่างการอัปเดตเมื่อโครงการเปลี่ยนแปลง

$ npm run preview
ดูตัวอย่างคอมไพล์เรียบร้อยแล้ว

ดูตัวอย่างสด

พร้อมแสดงตัวอย่างแล้ว

พื้นที่ทำงานการพัฒนาเบราว์เซอร์ที่มุ่งเน้น

ยูทิลิตี้การแก้ไขโค้ด การแสดงตัวอย่าง และนักพัฒนาได้รับการจัดระเบียบตามงานที่คุณต้องทำให้เสร็จในตอนนี้

การแก้ไขที่ขับเคลื่อนโดยโมนาโก

เขียนโค้ดในตัวแก้ไขที่สร้างขึ้นสำหรับไฟล์ที่มีโครงสร้าง แท็บ และเวิร์กโฟลว์การเขียนโค้ดที่คุ้นเคย

การแสดงตัวอย่างภาพสด

ตรวจสอบเอาต์พุตของเบราว์เซอร์ควบคู่ไปกับไฟล์ของคุณในขณะที่ทำซ้ำใน HTML, CSS และ JavaScript

เริ่มต้นโดยไม่ต้องตั้งค่า

เปิดโปรเจ็กต์ในเบราว์เซอร์โดยไม่ต้องกำหนดค่าสภาพแวดล้อมการพัฒนาในเครื่องก่อน

เวิร์กโฟลว์ของเบราว์เซอร์

เก็บแบบร่างไว้ในพื้นที่ทำงานที่คุณใช้งานอยู่ และตัดสินใจว่าจะส่งออกไฟล์โปรเจ็กต์เมื่อใด

เวิร์กโฟลว์ที่เน้นโค้ดเป็นหลักสำหรับโปรเจ็กต์เชิงปฏิบัติ

ใช้ตัวแก้ไขที่ซอร์สโค้ด เอาท์พุตที่เรนเดอร์ และยูทิลิตี้สำหรับนักพัฒนาที่มุ่งเน้นจำเป็นต้องอยู่ใกล้กัน

ต้นแบบส่วนหน้า

สร้างและตรวจสอบแนวคิดอินเทอร์เฟซขนาดเล็กพร้อมตัวอย่างแหล่งที่มาและเบราว์เซอร์ในพื้นที่ทำงานเดียว

ตัวอย่างข้อมูลที่ใช้ซ้ำได้

ร่าง ปรับแต่ง และส่งออกตัวอย่างโค้ดสำหรับงานเอกสาร การสอน หรือการใช้งาน

API และการทดลองข้อมูล

จับคู่ตรรกะ JavaScript กับยูทิลิตี้การจัดรูปแบบและการตรวจสอบ JSON ขณะทดสอบพฤติกรรมเพย์โหลด

จากแนวคิดไปจนถึงการแสดงตัวอย่างในสามขั้นตอน

ขั้นตอนการทำงานสั้นๆ สำหรับต้นแบบ ตัวอย่าง และงานโปรเจ็กต์ที่ต้องใช้เบราว์เซอร์

เริ่มเขียนโค้ด

เปิดตัวแก้ไขและสร้างโปรเจ็กต์ของคุณด้วยไฟล์ต้นฉบับที่จัดระเบียบ

ดูตัวอย่างได้ทันที

ตรวจสอบผลลัพธ์ที่แสดงผลในขณะที่คุณปรับแต่งเค้าโครงและลักษณะการทำงาน

ส่งออกงานของคุณ

ดาวน์โหลดไฟล์โครงการเมื่อเวิร์กโฟลว์เบราว์เซอร์ของคุณเสร็จสมบูรณ์

เครื่องมือสำหรับนักพัฒนาที่เชื่อมต่อกับขั้นตอนการทำงานของคุณ

ใช้ยูทิลิตี้ Kreotar ที่เน้นสำหรับการจัดรูปแบบ การทดสอบ และสร้างมูลค่าการพัฒนาทั่วไป

JSON รูปแบบจัดรูปแบบและตรวจสอบข้อมูล JSON เครื่องมือทดสอบ Regexทดสอบนิพจน์กับข้อความตัวอย่าง เครื่องถอดรหัส JWTตรวจสอบเพย์โหลดโทเค็นอย่างรวดเร็ว เครื่องกำเนิดแฮชสร้างแฮชสำหรับสตริง เครื่องกำเนิด UUIDสร้างตัวระบุสำหรับโครงการ ตัวแปลงการประทับเวลาแปลค่าเวลาทั่วไป ตัวจัดรูปแบบโค้ดทำให้โค้ดที่วางง่ายต่อการตรวจสอบ ตัวย่อโค้ดเตรียมเอาต์พุตโค้ดแบบกระชับ JSON เครื่องมือตรวจสอบสคีมาตรวจสอบข้อมูลอินพุตที่มีโครงสร้าง

Kreotar พื้นที่ทำงานของนักพัฒนา

โปรแกรมแก้ไขโค้ดที่ออกแบบมาเพื่อการทำงานของเบราว์เซอร์ที่รวดเร็ว

Kreotar โปรแกรมแก้ไขโค้ดช่วยให้นักพัฒนาและนักเรียนมีที่โดยตรงในการเขียนโค้ดโปรเจ็กต์เบราว์เซอร์ ดูเอาต์พุต และเตรียมไฟล์โดยไม่ต้องเริ่มต้นด้วยการติดตั้งในเครื่อง มันมีประโยชน์สำหรับต้นแบบ การสาธิต การทดลองอินเทอร์เฟซขนาดเล็ก และการแก้ไขด่วน

เมื่อจำเป็นต้องมีการสนับสนุนยูทิลิตี้ เครื่องมือสำหรับนักพัฒนาจะอยู่เพียงลิงก์เดียว: จัดรูปแบบเพย์โหลด ทดสอบนิพจน์ทั่วไป หรือสร้างตัวระบุก่อนดำเนินการต่อในตัวแก้ไข ขั้นตอนการทำงานยังคงมีน้ำหนักเบาและเชื่อมต่อกับระบบนิเวศ Kreotar ที่กว้างขึ้น

การแก้ไขโค้ดออนไลน์โดยไม่ต้องตั้งค่าโปรเจ็กต์

โปรแกรมแก้ไขออนไลน์มีประโยชน์เมื่อจำเป็นต้องเขียน ตรวจสอบ และดูตัวอย่างโค้ดเบราว์เซอร์ทันทีโดยไม่ต้องกำหนดค่า Toolchain ในเครื่อง ทำให้เหมาะสำหรับตัวอย่าง การทดลองสั้นๆ และต้นแบบที่ตรวจสอบได้

ดูตัวอย่างสดสำหรับงาน HTML, CSS และ JavaScript

เอาต์พุตภาพให้บริบทกับการเปลี่ยนแปลงแหล่งที่มา แก้ไขโปรเจ็กต์ ตรวจสอบผลลัพธ์ที่เรนเดอร์ และปรับพฤติกรรมในเวิร์กโฟลว์ที่สร้างขึ้นโดยใช้โค้ดที่เชื่อมต่อกับเบราว์เซอร์

ยูทิลิตี้สำหรับนักพัฒนาเป็นจุดเริ่มต้นที่เชื่อมต่อ

การทำงานของโค้ดมักรวมถึงการตรวจสอบความถูกต้อง JSON การทดสอบ regex การถอดรหัสโทเค็น หรือการสร้าง ID ลิงก์ที่รวบรวมข้อมูลไปยังเครื่องมือเหล่านี้ทำให้สามารถค้นพบขั้นตอนการทำงานของนักพัฒนาและดำเนินการต่อได้ง่ายขึ้น

คำถามเกี่ยวกับตัวแก้ไขโค้ด

รายละเอียดที่เป็นประโยชน์เกี่ยวกับการใช้พื้นที่ทำงานของเบราว์เซอร์

ฉันสามารถเปิดตัวแก้ไขโค้ดโดยไม่ต้องติดตั้งซอฟต์แวร์ได้หรือไม่

ใช่. พื้นที่ทำงานจะเปิดขึ้นในเบราว์เซอร์ของคุณ เพื่อให้คุณสามารถเริ่มแก้ไขและดูตัวอย่างโปรเจ็กต์ได้โดยไม่ต้องตั้งค่าในเครื่อง

ตัวแก้ไขมีการแสดงตัวอย่างสดหรือไม่?

ใช่. พื้นที่ทำงานประกอบด้วยการแสดงตัวอย่างสดสำหรับเอาต์พุตโปรเจ็กต์ที่ต้องเผชิญกับเบราว์เซอร์ในขณะที่คุณทำงาน

ฉันจะดำเนินการต่อกับไฟล์ของฉันได้อย่างไร?

ทำงานในพื้นที่ทำงานของเบราว์เซอร์และใช้การควบคุมการส่งออกเมื่อคุณพร้อมที่จะดาวน์โหลดไฟล์โปรเจ็กต์