Sublime Text 3 ปิดแท็ก HTML โดยอัตโนมัติ


8

ฉันเพิ่งเริ่มใช้ Sublime Text 3 แทนที่จะเป็นตัวแก้ไขแบบเก่าของฉันคือ Brackets เมื่อฉันเขียน HTML ในวงเล็บฉันจะพิมพ์: ( |หมายถึงเคอร์เซอร์)

<div>|

และวงเล็บจะสร้างแท็กปิดโดยอัตโนมัติเช่น:

<div>|</div>

หากฉันกด Enter หลังจากนั้นจะเปิดและเยื้องแท็กอัตโนมัติ:

<div>
    |
</div>

ฉันเคยเห็นคำตอบอื่น ๆ ที่อธิบายโดยใช้แป้นพิมพ์ลัด แต่มีวิธีการทำอย่างสมบูรณ์โดยอัตโนมัติใน Sublime Text 3 หรือไม่

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

ป้อนคำอธิบายรูปภาพที่นี่


1
จากประสบการณ์ของฉันมันไม่ได้เติมข้อความอัตโนมัติตามที่คุณขอ แต่เมื่อคุณพิมพ์พูดเช่น <title> blah blah blah ให้พิมพ์ "</" - มันเสร็จสมบูรณ์โดยการเพิ่ม "title>" - ทำให้มันเป็น "</title>" Notepad ++ ไม่ได้ทำเช่นนั้น
Prasanna

คำตอบ:


11

หากต้องการรับการเติมข้อความอัตโนมัติของแท็ก (และฟีเจอร์เด็ด ๆ อีกมากมาย) ให้ลองใช้Emmetปลั๊กอินที่รู้จักกันในชื่อ Zen Coding ตัวอย่างเช่นการพิมพ์divTabให้คุณ

<div>|</div>

และการกดปุ่มEnterจะช่วยให้คุณ

<div>
    |
</div>

ใช้ไวยากรณ์จะขึ้นอยู่กับตัวเลือก CSS เพื่อให้คุณสามารถทำสิ่งที่ค่อนข้างซับซ้อนได้อย่างรวดเร็ว #page>div.logo+ul#navigation>li*5>a{Item $}Tabจะให้คุณ:

นักท่องเที่ยว


ตกลง. ฉันเชื่อว่า Emmet จะปิดแท็กโดยอัตโนมัติเมื่อคุณมีแท็กที่เปิดอยู่และประเภท</
การจลาจล

นี่เป็นปลั๊กอินที่น่าทึ่ง มันทำให้การเขียน HTML ง่ายเหมือนการเขียน Slim Template ตอนนี้ถ้าเพียง แต่จะทำให้การอ่านง่ายขึ้น
เหล็ก

0

มีปลั๊กอินที่ผมใช้ว่าแท็กอัตโนมัติจะใกล้ชิดเหมือนที่อธิบายข้างต้นเป็นชื่ออัตโนมัติปิด

คุณสามารถติดตั้งผ่านการควบคุมแพ็คเกจโดยค้นหา "ปิดอัตโนมัติ"


-1

ฉันมีปัญหาเดียวกันใน windows และอาจคนในฟอรัมต่าง ๆ แนะนำให้ฉันลบและติดตั้ง Sublime 3 ใหม่ แต่ปัญหาไม่ได้รับการแก้ไข ฉันไม่ทราบสาเหตุของปัญหา ดูเหมือนว่าปัญหาบางอย่างเกิดขึ้นกับแพ็คเกจที่ติดตั้งหรือการตั้งค่าที่กำหนดไว้ ฉันได้รับการแก้ไขปัญหาด้วยวิธีนี้

ใน Windows 10

ไปที่ C: \ Users \ YOUR_USER_NAME \ AppData \ Roaming \ Sublime Text 3

ลบโฟลเดอร์และเนื้อหาจากโฟลเดอร์นั้นมันจะแก้ไขปัญหานี้

ใน Linux

โปรดย้อนกลับกระบวนการที่อธิบายไว้ในhttps://packagecontrol.io/installation

มีปัญหาบางอย่างเกิดขึ้นกับกรณีนี้คือแพ็คเกจที่ติดตั้งทั้งหมดจะถูกลบออก คุณต้องติดตั้งแพ็คเกจที่จำเป็นอีกครั้ง

ดังนั้นโปรดตรวจสอบให้แน่ใจว่าได้จดบันทึกและติดตั้งปลั๊กอินทั้งหมดที่จำเป็น


2
โปรดอ่านคำถามอีกครั้งอย่างระมัดระวัง คำตอบของคุณไม่ตอบคำถามเดิม OPs ติดตั้งไม่เสียเขาขอฟังก์ชั่นเพิ่มเติม
DavidPostill
โดยการใช้ไซต์ของเรา หมายความว่าคุณได้อ่านและทำความเข้าใจนโยบายคุกกี้และนโยบายความเป็นส่วนตัวของเราแล้ว
Licensed under cc by-sa 3.0 with attribution required.