VSCode single to double quote การแทนที่อัตโนมัติ

เมื่อฉันรันFormat Documentคำสั่งบนไฟล์ Vue Component.vue VSCode แทนที่สตริงที่ยกมาเดี่ยวทั้งหมดด้วยสตริงที่ยกมาคู่

ในกรณีเฉพาะของฉันกฎนี้ขัดแย้งกับการกำหนดค่า lint ของ electron-vue ที่ต้องใช้ singlequote

ฉันไม่ได้ติดตั้งส่วนขยายที่สวยกว่านี้ (ไม่มีprettier.singleQuoteในการตั้งค่าของฉัน)

จะปรับแต่ง VSCode เพื่อหลีกเลี่ยงสิ่งนี้ได้อย่างไร?

ฉันไม่ได้prettierติดตั้งส่วนขยาย แต่หลังจากอ่านคำตอบที่เป็นไปได้ที่ซ้ำกันฉันได้เพิ่มตั้งแต่ต้นในการตั้งค่าผู้ใช้ของฉัน ( UserSetting.json, Ctrl +, ทางลัด):

"prettier.singleQuote": true

ส่วนคำเตือนสีเขียว ( Unknown configuration setting) ไม่มีการแทนที่เครื่องหมายคำพูดเดี่ยวอีกต่อไป

ฉันสงสัยว่ามองไม่เห็นส่วนขยายที่สวยกว่า แต่ฝังอยู่ในส่วนขยายVetur

เช่นเดียวกับผู้ชาย (@ user2982122) ที่กล่าวถึง แต่แทนที่จะเป็นFileไปที่Code -> Preferences -> Settings จากนั้นมองหาQuoteเลือกPrettierแล้วเลือกทั้งสองช่อง

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

• ลบ .editorconfigไฟล์และใช้การตั้งค่า VSCode ของคุณ
• เพิ่มquote_type = singleลงใน.editorconfigไฟล์เกี่ยวกับประเภทไฟล์ของคุณ นอกจากนี้คุณยังสามารถตั้งquote_typeค่าให้กับหรือdoubleauto

ดูเหมือนว่าจะเป็นจุดบกพร่องสำหรับปัญหานี้: Prettier Bug

วิธีแก้ปัญหาข้างต้นไม่ได้ผลสำหรับฉัน สิ่งเดียวที่ได้ผลคือการเพิ่มบรรทัดของโค้ดนี้ใน package.json:

"prettier": {
    "singleQuote": true
  },

จากหน้าปัญหา vuejs / vetur https://github.com/vuejs/vetur/issues/986# วิธีนี้ใช้ได้ผลสำหรับฉัน

ในsettings.jsonไฟล์VSCodes ให้เพิ่มรายการนี้

"vetur.format.defaultFormatterOptions": {
    "prettier": {
        "singleQuote": true
    }
},

โปรดพิจารณา.editorconfigเขียนทับทุกอย่างใช้:

[*]
quote_type = single

วิธีแก้ไขที่ถูกต้อง:

ฉันเพิ่มไฟล์. prettierrc.js ในโปรเจ็กต์หลักของฉันและเขียน

module.exports = {
    singleQuote: true
  };

สำหรับมือใหม่อย่างฉัน:

จากแถบนำทางเมนูที่ด้านบน: เลือกไฟล์ -> การตั้งค่า -> การตั้งค่า ในกล่องข้อความค้นหาพิมพ์ใบเสนอราคาในรายการที่กรองแล้วที่ปรากฏด้านล่างมองหาไอคอนรูปเฟืองและถัดจากนั้น - "Prettier" คลิกที่ช่องทำเครื่องหมายเพื่อเปิดใช้งาน "Prettier: Single Quote"

ติดตั้งส่วนขยายที่สวยกว่าและวางโค้ดด้านล่างในsettings.jsonไฟล์VSCode ของคุณ

 "prettier.useEditorConfig": false,
 "prettier.singleQuote": true

ซึ่งจะไม่สนใจ.editorconfigการตั้งค่าไฟล์ของคุณ

ตามที่ระบุไว้โดย @attdona ส่วนขยายของ Vetur รวมถึงสวยกว่า

ในขณะที่คุณสามารถเปลี่ยนการตั้งค่าที่สวยกว่าได้ตามคำตอบที่ยอมรับคุณยังสามารถเปลี่ยนฟอร์แมตเตอร์สำหรับพื้นที่เฉพาะของส่วนประกอบ vue

ตัวอย่างเช่นที่นี่ฉันได้ตั้งค่า Vetur ให้ใช้ตัวจัดรูปแบบ vscode-typescript เนื่องจากใช้เครื่องหมายคำพูดเดี่ยวโดยค่าเริ่มต้น:

ฉันใช้ typescript สำหรับฉันมันได้รับการแก้ไขแล้วด้วยการตรวจสอบแฟล็ก "การรวม Tslint" ภายใต้การตั้งค่าที่สวยกว่า (ในการตั้งค่า vscode):

ฉันมีปัญหาเดียวกันใน vscode เพียงสร้างไฟล์. prettierrcในไดเร็กทอรีรากของคุณและเพิ่ม json ต่อไปนี้ สำหรับคำพูดเดียวเพิ่ม:

{
  "singleQuote": true
}

สำหรับคำพูดคู่เพิ่ม:

  {
      "singleQuote": false
  }

ลองใช้วิธีแก้ปัญหาเหล่านี้

1. ในไฟล์ vscode settings.json ให้เพิ่มรายการนี้ "prettier.singleQuote": true
2. ใน vscode ถ้าคุณมี.editorconfigไฟล์ให้เพิ่มบรรทัดนี้ใต้สัญลักษณ์ root [*]quote_type = single
3. ใน vscode ถ้าคุณมี.prettierrcไฟล์ให้เพิ่มบรรทัดนี้

{
    "singleQuote": true,
    "vetur.format.defaultFormatterOptions": {
        "prettier": {
            "singleQuote": true
        }
    }
}

มีเพียงวิธีแก้ปัญหาที่เหมาะกับฉัน: และสำหรับโครงการเชิงมุมเท่านั้น:

เพียงเข้าไปในไฟล์ ".editorconfig" ของโปรเจ็กต์แล้ววาง "quote_type = single" หวังว่ามันจะเหมาะกับคุณเช่นกัน

ฉันเพิ่มไฟล์ที่เรียกว่า.prettierrcในโฟลเดอร์โครงการของฉัน เนื้อหาไฟล์:

{
    "singleQuote": true,
    "vetur.format.defaultFormatterOptions": {
        "prettier": {
            "singleQuote": true
        }
    }
}

คุณสามารถใช้สิ่งนี้ใน settings.json

"javascript.preferences.quoteStyle": "single"

ใช้ส่วนขยายนี้

https://marketplace.visualstudio.com/items?itemName=BriteSnow.vscode-toggle-quotes

cmd '(ctrl' บน win / Linux) จะวนรอบระหว่าง "" "

สำหรับการใช้ JSX:

{"jsxSingleQuote": false}

ใช้งานได้สำหรับฉันในการตรวจสอบใบเสนอราคาเดียวใน Prettier เช่นกัน tslint.autoFixOnSave เป็นจริง

quote_type = single

เพิ่มสิ่งนี้ภายใน. editorconfig

# EditorConfig is awesome: https://EditorConfig.org

# top-most EditorConfig file
root = true

[*]
indent_style = space
indent_size = 2
end_of_line = lf
charset = utf-8
trim_trailing_whitespace = false
insert_final_newline = false
quote_type = single

สำหรับฉันทั้งสองตัวเลือกแก้ไขปัญหาได้:

1. โดยเพิ่มภายใน. prettierrc - "singleQuote": true

2. หรือเพิ่มสิ่งต่อไปนี้ใน package.json -> "prettier": {"singleQuote": true}

แม้ว่าฉันจะพยายามเพิ่ม.prettierrc.jsและติดตามแล้วก็ตาม

module.exports = {singleQuote: true};

สิ่งนี้ไม่ได้ผล