2016-09-29 32 views
93

Tôi đang sử dụng kiểu TypeScript với dấu nháy đơn, dấu ngoặc kép được sử dụng riêng trong các mẫu HTML.Dấu nháy kép WebStorm/PhpStorm trong nhập tự động TypeScript

Nhập bằng ô tô WebStorm/PhpStorm thêm import câu lệnh có dấu ngoặc kép và hủy hoại kiểu. Tôi đoán điều này áp dụng cho tất cả các sản phẩm JetBrains.

Cách khắc phục hành vi này?

+0

Giống như bất kỳ ngôn ngữ nào khác trong bất kỳ công cụ JetBrains, thay đổi cài đặt kiểu mã trong sở thích của bạn. – jonrsharpe

+0

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

Trả lời

217

Hành vi này được điều khiển bởi các tùy chọn sau đây:

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

Tính đến phiên bản 2017,1 nó trên Punctuation tab mới và các tùy chọn được có tên một chút khác nhau:

enter image description here

+0

Nếu bạn bắt đầu sử dụng phiên bản Intellij cũ hơn (<2017.1), bạn có thể cần phải chuyển đổi các cài đặt để nó thực sự được áp dụng. Điều này được đặt thành dấu nháy đơ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 nháy đơn và cuối cùng áp dụng lại. –

+3

Tab "Khác" hiện là "Dấu chấm câu" - ít nhất là Webstorm 2017.3.2 – ggranum

+1

@ggranum Có, ảnh chụp màn hình và ghi chú ("Ngày 2017.1 ...") hiển thị như vậy. Tôi đoán tôi nên làm cho nó đậm hơn/nhìn thấy rõ hơn. – LazyOne

10

Punctuation Tab đã làm nó. Tôi cũng loại bỏ các dấu chấm phẩy ở cuối nhưng bây giờ TSLint thiếu nó

34

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 hàng nhập khẩu như vậy

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

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

+0

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

12

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

  1. tới thiết lập
  2. Loại Code style trong tìm kiếm
  3. Chọn Typescript
  4. Đến Punctuation phần
  5. Chọn single dấu ngoặc kép

enter image description here

Các vấn đề liên quan