Javascript Command Line Interface Pretty Print Multiplatform

การปรับรูปแบบโค้ด JavaScript ด้วยเครื่องมือ Command Line

หากคุณทำงานกับ JavaScript คุณอาจทราบว่าโค้ดที่สะอาดและมีโครงสร้างที่ดีเป็นสิ่งจำเป็นสำหรับการอ่านและการบำรุงรักษา อย่างไรก็ตามเมื่อจัดการกับโค้ดที่ถูกบีบอัดหรือจัดรูปแบบไม่ดี การอ่านมักจะเป็นเรื่องที่ท้าทาย โชคดีที่คุณสามารถใช้เครื่องมือ command line เพื่อ ปรับรูปแบบโค้ด JavaScript ได้อย่างมีประสิทธิภาพ แม้ว่าคุณจะทำงานบนระบบปฏิบัติการที่แตกต่างกันเช่น Windows หรือ Linux

ภาพรวมปัญหา

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

ขั้นตอนการแก้ปัญหา

เพื่อปรับรูปแบบโค้ด JavaScript ของคุณผ่าน command line คุณสามารถทำตามขั้นตอนเหล่านี้:

ขั้นตอนที่ 1: เลือกเครื่องมือปรับรูปแบบ JavaScript

ขั้นตอนแรกคือการเลือกเครื่องมือปรับรูปแบบ JavaScript หนึ่งในตัวเลือกที่ได้รับความนิยมคือ JS Beautifier เครื่องมือนี้สามารถดูแลการจัดรูปแบบโค้ด JavaScript ของคุณได้อย่างง่ายดาย

นี่คือวิธีการเริ่มต้น:

  1. ดาวน์โหลดไฟล์ปรับรูปแบบจากแหล่งเก็บ GitHub: beautify.js
  2. บันทึกมันในไดเรกทอรีที่คุณสามารถเข้าถึงได้ง่าย

ขั้นตอนที่ 2: ติดตั้ง Rhino JavaScript Engine

ถัดไปคุณต้องติดตั้ง Rhino JavaScript Engine ที่พัฒนาโดย Mozilla เครื่องมือนี้ช่วยให้คุณสามารถเรียกใช้ JavaScript โดยตรงจาก command line ต่อไปนี้คือวิธีการติดตั้ง:

  1. ดาวน์โหลดไฟล์ ZIP ของ Rhino จาก เว็บไซต์ Rhino อย่างเป็นทางการ

  2. แตกไฟล์ ZIP

  3. ค้นหาไฟล์ js.jar และวางใน Java classpath ของคุณหรือในโฟลเดอร์ Library/Java/Extensions บน macOS

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

    java -cp js.jar org.mozilla.javascript.tools.shell.Main name-of-script.js

ขั้นตอนที่ 3: สร้างสคริปต์ Shell

ตอนนี้คุณได้ตั้งค่าเครื่องมือปรับรูปแบบและ Rhino engine แล้ว ก็ถึงเวลาสร้างสคริปต์ shell ที่ใช้ทั้งสองอย่าง:

  1. เขียนสคริปต์ shell ขนาดเล็ก (เรียกมันว่า beautify.js) ที่จะอ่านไฟล์ JavaScript ที่คุณต้องการปรับรูปแบบและส่งให้กับเครื่องมือปรับรูปแบบ

  2. นี่คือตัวอย่างง่ายๆ ของสิ่งที่สคริปต์ของคุณอาจมีลักษณะดังนี้:

    // โค้ดดั้งเดิม
(function() { ... js_beautify code ... }());

// โค้ดใหม่
print(global.js_beautify(readFile(arguments[0])));

ขั้นตอนที่ 4: เรียกใช้สคริปต์การปรับรูปแบบ

เพื่อปรับรูปแบบไฟล์ JavaScript ของคุณ ให้เรียกใช้สคริปต์ของคุณผ่าน Rhino โดยใช้คำสั่งต่อไปนี้:

java -cp js.jar org.mozilla.javascript.tools.shell.Main beautify.js file-to-pp.js

เคล็ดลับและข้อมูลเพิ่มเติม

  • ฟังก์ชั่นที่มีประโยชน์: ในสภาพแวดล้อมของ Rhino คุณสามารถเข้าถึงฟังก์ชั่นเพิ่มเติมที่มีประโยชน์ในบริบทของคอนโซล เช่น:

    • print() ส่งออกสตริงไปยังคอนโซล
    • readFile() รับพาธไฟล์และส่งคืนเนื้อหาของไฟล์นั้นในรูปแบบของสตริง

  • ผสมผสานและจับคู่: หากคุณคุ้นเคยกับ Java และ JavaScript คุณสามารถรวมโค้ด Java เข้ากับสคริปต์ Rhino ของคุณได้อย่างไม่มีปัญหาสำหรับการดำเนินการที่ซับซ้อนมากขึ้น

สรุป

ตอนนี้คุณมีคู่มือทีละขั้นตอนในการปรับรูปแบบโค้ด JavaScript โดยใช้เครื่องมือ command line บนระบบปฏิบัติการใดๆ โดยการตั้งค่าสคริปต์เล็กๆ ด้วย JS Beautifier และ Rhino คุณสามารถทำให้แน่ใจว่าโค้ดของคุณสะอาดและอ่านง่ายเสมอ

สำหรับนักพัฒนาที่ทำงานกับ JavaScript การรักษาคุณภาพของโค้ดเป็นสิ่งที่สำคัญที่สุด และการใช้เครื่องมือ command line เหล่านี้สามารถช่วยปรับปรุงกระบวนการทำงานของคุณได้อย่างมีนัยสำคัญ ขอให้สนุกกับการเขียนโค้ด!