Dấu ngoặc kép WebStorm / PhpStorm trong nhập tự động TypeScript

234

Tôi đang sử dụng kiểu TypeScript với các dấu ngoặc đơn, dấu ngoặc kép được sử dụng riêng trong các mẫu HTML.

Tự động nhập WebStorm / PhpStorm thêm các importcâu lệnh với dấu ngoặc kép và làm hỏng kiểu. Tôi đoán điều này áp dụng cho tất cả các sản phẩm JetBrains.

Làm thế nào có thể sửa chữa hành vi này?

— Bình Estus
nguồn

Giống như bất kỳ ngôn ngữ nào khác trong bất kỳ công cụ JetBrains nào, hãy thay đổi cài đặt kiểu mã trong tùy chọn của bạn.

— jonrsharpe

Đó là sự thật, chỉ cần tìm thấy nó, nơi câu trả lời cho thấy. Không có gì hữu ích trong tìm kiếm 'trích dẫn trong sở thích.

— Bình Estus

595

Hành vi này được kiểm soát bởi tùy chọn sau:

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

Kể từ phiên bản 2017.1, trên Punctuationtab mới và các tùy chọn được đặt tên khác một chút:

— LazyOne
nguồn

1

Nếu bạn đã bắt đầu sử dụng phiên bản cũ của Intellij (<2017.1), bạn có thể cần phải chuyển đổi cài đặt để nó thực sự được áp dụng. Điều này đã được đặt thành dấu ngoặc đơn, nhưng tôi vẫn thấy dấu ngoặc kép. Nó hoạt động sau khi thay đổi thành dấu ngoặc kép, áp dụng, thay đổi thành dấu ngoặc đơn và cuối cùng áp dụng lại.

— Kevin Li

7

Tab "Khác" hiện là "Dấu câu" - ít nhất là vào Webstorm 2017.3.2

— ggranum

1

@ggranum Có, ảnh chụp màn hình và ghi chú ("Vào ngày 2017.1 ...") chỉ cho thấy điều đó. Tôi đoán tốt hơn tôi nên làm cho nó đậm / rõ hơn.

— LazyOne

1

Nếu bạn tình cờ sử dụng Vue.js với bản đánh máy, bạn cũng có thể cần phải áp dụng cài đặt này cho javascript. Có vẻ như WebStorm không áp dụng cài đặt bản thảo cho các tệp Vue, ngay cả khi chúng được đặt là lang=ts.

— helios35

78

Ngoài ra nếu bạn muốn thêm không gian tự động giữa các dấu ngoặc nhọn khi thêm nhập như vậy

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

bạn có thể kiểm tra trong tab Spaces | Whithin | ES6 import/export braces

— Sư Tử
nguồn

5

Cảm ơn rất nhiều! Tôi đang tìm kiếm nó và nó đã làm phiền tôi vô cùng.

— Ivan

37

Trong 2017-2019đây là cách chúng tôi làm điều đó:

Đi đến cài đặt
Kiểu Code style vào tìm kiếm
Lựa chọn Typescript
Đi đến Punctuation phần
Chọn singledấu ngoặc kép

— Kamil Witkowski
nguồn

10

Tab chấm câu đã làm điều đó. Cuối cùng tôi cũng xóa dấu chấm phẩy nhưng bây giờ TSLint đang thiếu nó

— Yoraco Gonzales
nguồn

2

Đối với phiên bản Intellij 2016.3, nó nằm trên Tab khác> Mã được tạo> Dấu trích dẫn

— VinPro
nguồn

1

Những điều cần kiểm tra trong tập tin Tslint của bạn

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

Nó phải là Double thay vì Single vì nó không thành công TSLint đã vượt qua trên Project Build.

Bây giờ hãy vào Cài đặt của bạn | Biên tập viên | TypeScript | Chấm câu

Chọn Single từ danh sách thả xuống và Áp dụng / Ok nó.

Bây giờ, chúc mừng IntellijIDEA của bạn được áp dụng Báo giá kép trên AutoImport.

— Yasir Shabbir Choudhary
nguồn