Computer >> บทช่วยสอนคอมพิวเตอร์ >  >> ระบบเครือข่าย >> อินเทอร์เน็ต

6 Online Code Editors เขียนโค้ดได้ทุกที่

Code editors ปกติต้องติดตั้งซอฟต์แวร์บนคอม/โทรศัพท์/แท็บเล็ต ไม่ปัญหา จนมีไอเดียดีแต่ไม่มีซอฟต์แวร์ติดตัว Online code editors -> เขียนโค้ดได้ทุกที่ ทุกอุปกรณ์ ต้องมีแค่อินเทอร์เน็ต ฟรีเยอะ มี collaboration ออนไลน์

1. Code Share

Online code editor ที่ดีที่สุด รองรับภาษาเยอะ เลือก syntax highlighting

Collaborative มาก: แชร์ลิงก์เพื่อน/เพื่อนร่วมงาน -> เขียนร่วม real-time Video chat ได้ระหว่างทำโปรเจกต์ Expire 24 ชม. ถ้าไม่มีบัญชี (ดาวน์โหลดโค้ดได้ตลอด)

เหมาะ: quick coding, troubleshooting ร่วมกัน, สอน, ลองไอเดียใหม่ ฟรี สร้างบัญชีเซฟงานได้ หรือใช้ไม่มีบัญชีก็ได้

2. CodeSandbox

ทำทีมได้ เหมาะคนเดี่ยวด้วย รองรับ web dev: React, Angular, Vue, Vanilla เริ่มเร็วด้วย template Invite คนร่วมงาน หรือทำเอง

UI ใช้ง่าย คล้าย desktop editor บัญชีฟรีเข้าถึงโปรเจกต์ได้ ตัวเลือก: Public sandboxes ฟรี Private sandboxes, extra storage, GitHub repos -> $7/เดือน Business plans $24/เดือน

3. PlayCode

เหมาะ front-end: CSS, JS, HTML ปรับแต่ง editor panels ได้ Template เริ่มโปรเจกต์เร็ว สลับภาษา dropdown ได้

Syntax/error highlighting ติดตามโปรเจกต์ง่าย บัญชีฟรี: 1000 chars/โปรเจกต์ (unlimited projects) Premium $2.50/เดือน -> unlimited chars, storage มากขึ้น

4. StackBlitz

ชอบ VS Code ของ Microsoft -> StackBlitz คล้าย VS Code ทรงพลัง 9 workspaces พัฒนา fullstack ออนไลน์ Angular, React (JS/TS), Vue รองรับ Progress KendoReact สร้าง UI ดีขึ้น

Real-time editing + offline support -> เขียนโค้ดได้ทุกที่ Deploy, host, share ฟรี Public projects ฟรี Private projects + features -> $9/เดือน

5. CodePen

Online code editor ฟรี ยอดนิยม Front-end web dev Collaborative (ทำคนเดียวได้) สร้าง/โชว์โปรเจกต์ รับ feedback Host projects บน CodePen ใช้สอน/แยกโค้ดได้

Challenges ขยายทักษะ เรียนรู้/ร่วมงาน/สนุก ฟรี: สร้าง/host โปรเจกต์ Pro $8/เดือน -> upload files (images), private projects

6. PseudoEditor

เขียน pseudocode -> online editors ส่วนใหญ่ไม่รองรับ PseudoEditor ทำเฉพาะ pseudocode Syntax highlighting, autocomplete, save code

มีเวอร์ชันดาวน์โหลด Windows/Mac ทำงานเหมือนกัน ฟรีทั้งคู่ เรียบง่าย ทำงานได้ ไม่มีของเกิน -> เหมาะ quick coding

เจอ editor บน the-go แล้ว ต้องมี editor โปรดบนเครื่องหลักด้วย มี editors ให้ Mac, Android, Linux และ Visual Studio ของ Microsoft