วิธีการกำหนดค่า Emmet ใน Sublime เพื่อเปิดใช้งานทางลัดความคิดเห็น?


0

เนื่องจากฉันเปิดใช้งาน Emmet ใน Sublime 2 คำสั่งบางอย่างจึงไม่ทำงานอย่างถูกต้อง

ฉันจะเปิดใช้งานสิ่งที่น่าจะเป็นฟังก์ชั่นเริ่มต้นได้อย่างไรเมื่ออยู่ใน HTML การพิมพ์ไฟล์

cmd + /

ด้านหน้าของ

<script src="./bower_components/angular/angular.js"></script>

เพื่อรับแท็กที่แสดงความคิดเห็นอย่างถูกต้อง:

<!-- <script src="./bower_components/angular/angular.js"></script> -->

ตอนนี้คำสั่งเดียวกันก็สร้างขึ้น

// <script src="./bower_components/angular/angular.js"></script>

ซึ่งผิดอย่างสมบูรณ์

คำตอบ:


1

ดังนั้นจึงปรากฎว่านี่ไม่ใช่ปัญหาของ Emmet แต่มีคำจำกัดความภาษา HTML ของ Sublime ในตัว ด้วยเหตุผลบางอย่างได้มีการตั้งค่าเพื่อให้บรรทัดใด ๆ ที่ขึ้นต้นด้วย a <script> แท็ก (เป็นทางเลือกที่มีช่องว่างก่อนหน้า) ถูกจัดประเภทเป็น source.js.embeddedซึ่งหมายความว่าเมื่อมีการเรียกใช้ทางลัดความคิดเห็นจะใช้ JS // เครื่องหมายแสดงความคิดเห็นแทน HTML <!-- --> หนึ่ง.

วิธีที่ง่ายที่สุดที่ฉันพบในการแก้ไขคือติดตั้ง HTML5 แพคเกจผ่าน การควบคุมบรรจุภัณฑ์ ซึ่งฉันคิดว่าคุณได้ติดตั้งแล้วเมื่อคุณใช้ Emmet ติดตั้งแพ็คเกจใหม่จากนั้นเปิดการตั้งค่าผู้ใช้ของคุณ ( Sublime Text 2 -> Preferences -> Settings-User ) และเพิ่ม "HTML" ไปที่ "ignored_packages" รายการ:

"ignored_packages":
[
    "HTML",
    "Vintage"
],

บันทึกไฟล์และรีสตาร์ท Sublime ตอนนี้เมื่อคุณไปที่ View -> Syntax ควรมีเพียงหนึ่งเดียว HTML รายการ แต่จะอ้างอิงถึงไวยากรณ์ HTML5 ไม่ใช่บิวด์อิน ในการทดสอบให้เปิดไฟล์ที่คุณแก้ไขด้านบนวางเคอร์เซอร์ไว้ข้างหน้า <script> แท็กและกด / . ตอนนี้ทั้งบรรทัดควรล้อมรอบในความคิดเห็น HTML:

<!-- <script src="./bower_components/angular/angular.js"></script> -->

มันยอดเยี่ยมมาก! ฉันใช้ Emmet แต่ไม่มี HTML5 เกจติดตั้งและใช้งานได้ทันที! ขอบคุณมาก!
Dmitri Zaitsev

คำถามด้าน - คุณป้อนปุ่มคำสั่งอย่างไรดี?
Dmitri Zaitsev

@DmitriZaitsev ฉันเพิ่งค้นหาคำว่า "สัญลักษณ์คำสั่ง" ของ Google แล้วคัดลอกออกผลลัพธ์ หากคุณต้องการให้มีปุ่มปรากฏในข้อความของคุณเพียงใช้ <kbd></kbd> แท็กเมื่อคุณพิมพ์ อนุญาตเฉพาะคำถามและคำตอบเท่านั้นไม่ใช่ความคิดเห็น
MattDMo
โดยการใช้ไซต์ของเรา หมายความว่าคุณได้อ่านและทำความเข้าใจนโยบายคุกกี้และนโยบายความเป็นส่วนตัวของเราแล้ว
Licensed under cc by-sa 3.0 with attribution required.