วิธีทำ VS Code ให้ถือว่านามสกุลไฟล์อื่นเป็นภาษาที่แน่นอน

หรือมีวิธีการเปลี่ยนภาษาของไฟล์ปัจจุบันเพื่อใช้คุณสมบัติการเน้นไวยากรณ์?

ตัวอย่างเช่น*.jsxใช้ JavaScript จริง แต่ VS Code ไม่รู้จัก

ในVisual Studio Codeคุณสามารถเพิ่มการเชื่อมโยงไฟล์ถาวรสำหรับการเน้นภาษาไปยังsettings.jsonไฟล์ของคุณดังนี้:

// Place your settings in this file to overwrite the default settings
{
  "some_setting": custom_value,
  ...

  "files.associations": {
    "*.thor": "ruby",
    "*.jsx": "javascript",
    "Jenkinsfile*": "groovy"
  }
}

คุณสามารถใช้Ctrl+ Shift+ แล้วประเภทp settings JSONเลือกการตั้งค่า: เปิดการตั้งค่า (JSON)settings.jsonเพื่อเปิดของคุณ

Files: Associationsคุณลักษณะเป็นครั้งแรกในรุ่นของ Visual Studio รหัส 1.0 (มีนาคม 2016) ตรวจสอบรูปแบบไวด์การ์ดที่มีอยู่ในบันทึกประจำรุ่นและสตริงภาษาที่รู้จักในเอกสาร

กด Ctrl + Shift + P (หรือ cmd บน Mac) ค้างไว้เลือก "เปลี่ยนโหมดภาษา" และเลือกที่นั่น

แต่ฉันก็ยังหาวิธีที่จะทำให้ไฟล์ VS Code รู้จักกับนามสกุลเฉพาะเป็นบางภาษา

วิธีที่ง่ายที่สุดที่ฉันพบสำหรับการเชื่อมโยงทั่วโลกคือเพียงแค่ ctrl + km (หรือ ctrl + shift + p และพิมพ์ "โหมดเปลี่ยนภาษา") ด้วยไฟล์ประเภทที่คุณกำลังเปิดอยู่

ในการเลือกแรกจะเป็น "กำหนดค่าการเชื่อมโยงไฟล์สำหรับ 'x'" (ประเภทไฟล์ใด - ดูภาพที่แนบมา) การเลือกสิ่งนี้จะทำให้ความสัมพันธ์ของไฟล์ถาวร

สิ่งนี้อาจมีการเปลี่ยนแปลง (อาจเป็นไปได้) ตั้งแต่คำถามดั้งเดิมและคำตอบที่ยอมรับ (และฉันไม่รู้ว่ามันเปลี่ยนไปเมื่อใด) แต่มันง่ายกว่าขั้นตอนการแก้ไขด้วยตนเองในคำตอบที่ยอมรับและคำตอบอื่น ๆ เพื่อ muss ด้วย ID ที่อาจไม่ชัดเจน

เช่น:

// .vscode/settings.json in workspace

{
  "files.associations": {
    "*Container.js": "javascriptreact",
    "**/components/*/*.js": "javascriptreact",
    "**/config/routes.js": "javascriptreact"
  }
}

มันใช้งานได้สำหรับฉัน

{
"files.associations": {"*.bitesize": "yaml"}
 }

ตัวอย่างเช่นนี้จะทำให้ไฟล์สิ้นสุด.variablesและ.overridesได้รับการปฏิบัติเช่นเดียวกับไฟล์ LESS อื่น ๆ ในแง่ของการกำหนดสีในแง่ของการจัดรูปแบบ (อัตโนมัติ) กำหนดในการตั้งค่าผู้ใช้หรือการตั้งค่าโครงการตามที่คุณต้องการ

(Semantic UI ใช้ส่วนขยายแปลก ๆ เหล่านี้ในกรณีที่คุณสงสัย)

ฉันพบวิธีแก้ปัญหาที่นี่: https://code.visualstudio.com/docs/customization/colorizer

ไปที่VS_CODE_FOLDER/resources/app/extensions/นั่นและอัปเดตpackage.json

ทำตามขั้นตอนใน https://code.visualstudio.com/docs/customization/colorizer#_common-questionsทำงานได้ดีสำหรับฉัน:

หากต้องการขยาย colorizer ที่มีอยู่คุณจะต้องสร้าง package.json อย่างง่ายในโฟลเดอร์ใหม่ภายใต้. vscode / extensions และให้แอตทริบิวต์ extensionDependencies ที่ระบุการปรับแต่งที่คุณต้องการเพิ่ม ในตัวอย่างด้านล่างส่วนขยาย. mmd จะถูกเพิ่มไปยัง colorizer ของ markdown โปรดทราบว่าไม่เพียง แต่ชื่อ extensionDependency ต้องตรงกับการปรับแต่งเท่านั้น แต่ยังต้องใช้รหัสภาษาที่ตรงกับรหัสภาษาของ colorizer ที่คุณกำลังขยาย

{
    "name": "MyMarkdown",
    "version": "0.0.1",
    "engines": {
        "vscode": "0.10.x"
    },
    "publisher": "none",
    "extensionDependencies": [
        "markdown"
    ],
    "contributes": {
        "languages": [{
            "id": "markdown",
            "aliases": ["mmd"],
            "extensions": [".mmd"]
        }]
    }
}

ฉันได้ปฏิบัติตามแนวทางที่แตกต่างเพื่อแก้ไขปัญหาเดียวกันในกรณีของฉันฉันได้สร้างส่วนขยายใหม่ที่เพิ่มการเน้นไวยากรณ์ของ PHP ที่สนับสนุนไฟล์เฉพาะ Drupal (เช่น. โมดูลและ. inc): https: // github co.th / mastazi / VS-รหัส Drupal

อย่างที่คุณเห็นในรหัสฉันสร้างส่วนขยายใหม่แทนที่จะแก้ไขส่วนขยาย PHP ที่มีอยู่ เห็นได้ชัดว่าฉันประกาศพึ่งพาส่วนขยาย PHP ในส่วนขยายของ Drupal

ข้อดีของการทำเช่นนี้คือถ้ามีการอัพเดท PHP ส่วนขยายการสนับสนุน Drupal ของฉันจะไม่หายไปในกระบวนการอัปเดต