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?

typescript intellij-idea phpstorm webstorm jetbrains-ide 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

Jawaban:

595

Perilaku ini dikendalikan oleh opsi berikut:

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

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

masukkan deskripsi gambar di sini

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:

  1. Pergi ke pengaturan
  2. Ketikkan Code stylepencarian
  3. Pilih Typescript
  4. Pergi ke Punctuationbagian
  5. Pilih singlekutipan

masukkan deskripsi gambar di sini

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 Kutipanmasukkan deskripsi gambar di sini

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.Sebagai referensi

Yasir Shabbir Choudhary
sumber