WebStorm / PhpStorm อัญประกาศคู่ในการนำเข้าอัตโนมัติของ TypeScript

234

ฉันใช้สไตล์ TypeScript ด้วยเครื่องหมายคำพูดเดี่ยวอัญประกาศคู่นั้นใช้เฉพาะในเทมเพลต HTML

การนำเข้าอัตโนมัติของ WebStorm / PhpStorm เพิ่มimportคำสั่งด้วยเครื่องหมายคำพูดคู่และทำลายสไตล์ ฉันเดาว่าสิ่งนี้ใช้ได้กับผลิตภัณฑ์ JetBrains ทั้งหมด

พฤติกรรมนี้สามารถแก้ไขได้อย่างไร?

— Estus Flask
แหล่งที่มา

เช่นเดียวกับภาษาอื่น ๆ ในเครื่องมือ JetBrains ใด ๆ แก้ไขการตั้งค่ารูปแบบรหัสในการตั้งค่าของคุณ

— jonrsharpe

นั่นเป็นความจริงเพียงแค่พบมันที่คำตอบแนะนำ ไม่มีประโยชน์ในการค้นหา 'quote' ในการตั้งค่า

— Estus Flask

595

พฤติกรรมนี้ถูกควบคุมโดยตัวเลือกต่อไปนี้:

Settings/Preferences
Editor | Code Style | TypeScript
"Punctuation" tab | Generated code -> Quote marks

ในฐานะที่เป็นรุ่น 2017.1 มันอยู่ในPunctuationแท็บใหม่และตัวเลือกมีชื่อแตกต่างกันเล็กน้อย:

— LazyOne
แหล่งที่มา

1

หากคุณเริ่มต้นใช้งาน Intellij รุ่นเก่ากว่า (<2017.1) คุณอาจต้องสลับการตั้งค่าเพื่อใช้งานจริง สิ่งนี้ถูกกำหนดเป็นเครื่องหมายคำพูดเดี่ยว แต่ฉันยังคงเห็นเครื่องหมายคำพูดคู่ มันทำงานหลังจากเปลี่ยนเป็นอัญประกาศคู่ใช้ปรับเปลี่ยนเป็นอัญประกาศเดี่ยวและสุดท้ายก็ใช้อีกครั้ง

— Kevin Li

7

แท็บ "อื่น ๆ " ตอนนี้เป็น "เครื่องหมายวรรคตอน" - อย่างน้อย Webstorm 2017.3.2

— ggranum

1

@ggranum ใช่ภาพหน้าจอและบันทึกย่อ ("เมื่อวันที่ 2017.1 ... ") จะแสดงขึ้นมา ฉันเดาว่าฉันควรทำให้เป็นตัวหนา / มองเห็นได้ดีขึ้น

— LazyOne

1

หากคุณใช้ Vue.js กับ typescript คุณอาจต้องใช้การตั้งค่านี้สำหรับ javascript เช่นกัน มันดูเหมือนว่า WebStorm ไม่ใช้การตั้งค่าการพิมพ์ด้วยพิมพ์ดีด Vue lang=tsไฟล์แม้ว่าพวกเขาจะถูกกำหนดให้เป็น

— helios35

78

นอกจากนี้หากคุณต้องการเพิ่มพื้นที่อัตโนมัติระหว่างวงเล็บปีกกาเมื่อเพิ่มการนำเข้าเช่นนี้

import { MyComponent } from './my.component';

คุณอาจเช็คอินแท็บ Spaces | Whithin | ES6 import/export braces

— สิงห์
แหล่งที่มา

5

ขอบคุณมาก! ฉันกำลังมองหามันและมันก็รบกวนฉันอย่างมาก

— อีวาน

37

ใน2017-2019นี่คือวิธีที่เราทำ:

ไปที่การตั้งค่า
พิมพ์Code styleในการค้นหา
เลือก Typescript
ไปที่Punctuationส่วน
เลือกsingleเครื่องหมายคำพูด

— Kamil Witkowski
แหล่งที่มา

10

แท็บเครื่องหมายวรรคตอนทำ ฉันยังลบเครื่องหมายอัฒภาคในตอนท้าย แต่ตอนนี้ TSLint หายไป

— Yoraco Gonzales
แหล่งที่มา

2

สำหรับเวอร์ชัน Intellij 2016.3 อยู่ในแท็บอื่น> โค้ดที่สร้าง> เครื่องหมายคำพูด

— VinPro
แหล่งที่มา

1

สิ่งแรกต้องตรวจสอบในไฟล์ Tslint ของคุณ

 "quotemark": [
  true,
  "Double"
],

ควรเป็นแบบ Double แทนที่จะเป็น Single เพราะมันล้มเหลว TSLint Passed บนบิวด์โปรเจ็กต์

ตอนนี้ไปที่การตั้งค่าของคุณ บรรณาธิการ | TypeScript | วรรคตอน

เลือก Single จากดร็อปดาวน์และใช้ / ตกลง

ตอนนี้ขอแสดงความยินดีกับ IntellijIDEA ของคุณที่มีการใช้ Double Quotes ใน AutoImport

— Yasir Shabbir Choudhary
แหล่งที่มา