Kutipan ganda WebStorm / PhpStorm di import otomatis TypeScript

234

Saya menggunakan gaya TypeScript dengan tanda kutip tunggal, tanda kutip ganda digunakan secara eksklusif dalam templat HTML.

Impor otomatis WebStorm / PhpStorm menambahkan importpernyataan dengan tanda kutip ganda dan merusak gaya. Saya kira ini berlaku untuk semua produk JetBrains.

Bagaimana perilaku ini diperbaiki?

— Estus Flask
sumber

Seperti bahasa lain di alat JetBrains, ubah pengaturan gaya kode di preferensi Anda.

— jonrsharpe

Itu benar, baru saja menemukannya, di mana jawabannya menyarankan. Tidak ada yang berguna pada pencarian 'kutipan' dalam preferensi.

— Estus Flask

595

Perilaku ini dikendalikan oleh opsi berikut:

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

Pada versi 2017.1 itu ada di Punctuationtab baru dan opsi diberi nama sedikit berbeda:

— LazyOne
sumber

1

Jika Anda memulai dengan versi Intellij yang lebih lama (<2017.1), Anda mungkin perlu beralih pengaturan agar benar-benar berlaku. Ini ditetapkan menjadi tanda kutip tunggal, tetapi saya masih melihat tanda kutip ganda. Ini berhasil setelah mengubah menjadi tanda kutip ganda, menerapkan, mengubah menjadi tanda kutip tunggal, dan akhirnya menerapkan lagi.

— Kevin Li

7

Tab "Lainnya" sekarang "Tanda Baca" - setidaknya dari Webstorm 2017.3.2

— ggranum

1

@ggranum Ya, tangkapan layar dan catatan ("Pada 2017.1 ...") menunjukkan hal itu. Saya kira saya lebih baik membuatnya berani / lebih terlihat.

— LazyOne

1

Jika Anda kebetulan menggunakan Vue.js dengan naskah, Anda mungkin perlu menerapkan pengaturan ini untuk javascript juga. Tampaknya WebStorm tidak menerapkan pengaturan naskah untuk file Vue, bahkan jika mereka ditetapkan sebagai lang=ts.

— helios35

78

Juga jika Anda ingin menambahkan ruang otomatis antara kurung kurawal saat menambahkan impor seperti itu

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

Anda dapat memeriksa tab Spaces | Whithin | ES6 import/export braces

— Leo
sumber

5

Terima kasih banyak! Saya mencari itu dan itu sangat mengganggu saya.

— Ivan

37

Inilah 2017-2019cara kami melakukannya:

Pergi ke pengaturan
Ketikkan Code stylepencarian
Pilih Typescript
Pergi ke Punctuationbagian
Pilih singlekutipan

— Kamil Witkowski
sumber

10

Tab Tanda Baca melakukannya. Saya juga menghapus titik koma di akhir tetapi sekarang TSLint hilang

— Yoraco Gonzales
sumber

2

Untuk versi Intellij 2016.3 ada di Tab Lainnya> Kode Generasi> Tanda Kutipan

— VinPro
sumber

1

Hal Pertama yang perlu diperiksa di file Tslint Anda

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

Itu harus Double daripada Single karena Gagal TSLint Disahkan pada Project Build.

Sekarang buka Pengaturan Anda | Editor | TypeScript | Tanda baca

Pilih Satu dari dropdown dan Terapkan / Oke.

Sekarang Selamat, IntellijIDEA Anda menerapkan Kutipan Ganda pada AutoImport.

— Yasir Shabbir Choudhary
sumber