Visual Studio Code - Điều chỉnh cài đặt báo giá nhập

Khi làm việc trong TypeScript trong Visual Studio Code, đề xuất nhập trên một loại (được kích hoạt bởi dấu cách + dấu chấm) sẽ tạo ra một phép nhập bằng cách sử dụng dấu ngoặc kép.

Trình liên kết TypeScript của chúng tôi xác minh rằng các dấu ngoặc kép được sử dụng nếu có thể.

Như bạn có thể thấy bên dưới, đề xuất có dấu ngoặc kép ("@angular / ...")

Làm cách nào để điều chỉnh cài đặt nhập?

Kể từ VSCode 1.10, điều này (đáng buồn là) vẫn chưa thể thực hiện được. Nhưng có vẻ là một vấn đề đối với nhiều người dùng. Chủ đề VSCode đã biết về vấn đề này và bạn có thể theo dõi vấn đề này để biết khi nào nó được triển khai: https://github.com/Microsoft/TypeScript/issues/13270

Cập nhật tháng 6 năm 2018

Kể từ VSCode 1.24 (tháng 6 năm 2018), có một tùy chọn cho việc này!

"typescript.preferences.quoteStyle": "single"

Để biết thêm thông tin, hãy xem:

https://code.visualstudio.com/updates/v1_24#_preferences-for-auto-imports-and-generated-code

Bạn cũng có thể định cấu hình dòng bên dưới trong cài đặt người dùng vscode của mình để điều chỉnh cài đặt này.

"prettier.singleQuote": true

Tôi đã sửa lỗi đó bằng cách sử dụng cấu hình Editor , hãy mở tệp .editorconfig của bạn trong thư mục gốc dự án của bạn (nếu bạn chưa có, hãy tạo tệp đó) và thêm dòng này sau dấu [*]

[*]
...
quote_type = single

Trong wiki, bạn có thể thấy danh sách đầy đủ các thuộc tính.

Đối với VS Code 1.21.1, bạn cần chỉnh sửa

/usr/share/code/resources/app/extensions/typescript-basics/snippets/typescript.json

Trong Windows

/ Applications / Visual Studio Code.app/Contents/Resources/app/extensions/typescript-basics/snippets/typescript.json .

Trong Windows 10 (vscode phiên bản 1.30. * (Người dùng thiết lập) sau này)

* C: \ Users \ <yourusername> \ AppData \ Local \ Programs \ Microsoft VS Code \ resources \ app \ extensions \ stylescript-basics \ snippets \ stylescript.json

Trong phần 'Nhập mô-đun bên ngoài' của tệp đó, hãy đặt thuộc tính mảng nội dung thành giá trị "import { $0 } from '${1:module}';". Phần sau đó sẽ giống như sau:

"Import external module.": {
    "prefix": "import statement",
    "body": [
        "import { $0 } from '${1:module}';"
    ],
    "description": "Import external module."
},

Một giải pháp thay thế hỗ trợ cấu hình này là Hộp công cụ TypeScript .

Nó có thể được định cấu hình bằng cách cài đặt genGetSet.pathStringDelimiter, đã có nhập báo giá đơn làm mặc định.

Đi tới "Tệp> Tùy chọn> Cài đặt" và sau đó thêm cài đặt này trong cài đặt người dùng:

"typescript.preferences.quoteStyle": "single",
"javascript.preferences.quoteStyle": "single"

Kể từ TypeScript 2.5, câu lệnh nhập hoặc xuất đầu tiên trong tệp sẽ được quét để xác định xem dấu nháy đơn hay dấu ngoặc kép được sử dụng khi sử dụng đề xuất nhập.

https://github.com/Microsoft/TypeScript/pull/17750

Bạn cũng có thể định cấu hình dòng bên dưới trong cài đặt người dùng vscode của mình để cho phép trích dẫn đơn trong chuỗi.

Đi tới Tùy chọn> Cài đặt người dùng

"prettier.singleQuote": true

Điều này sẽ cho phép trích dẫn duy nhất trong Chuỗi. Ngược lại, nếu bạn thay đổi thủ công tất cả các dấu ngoặc kép thành dấu nháy đơn, nó sẽ hoàn nguyên trong khi lưu. Ngoài ra, hãy thêm

"tslint.autoFixOnSave": true

để tự động sửa trong khi lưu.

Điều này đã được thực hiện (như đã đề cập trong một câu trả lời khác)! Nhưng có thể bạn chưa sử dụng phiên bản TypeScript mới nhất.

Giải pháp rất đơn giản:

Nhấp vào số phiên bản TypeScript (ví dụ 2.3.4) giữa "TypeScript" và một hình mặt cười nhỏ ở góc dưới bên phải. Sau đó chuyển sang phiên bản cài sẵn Visual Studio Code (2.5.3 tại thời điểm này).

Sau mã Visual Studio này sẽ suy ra kiểu báo giá nhập bằng cách xem câu lệnh nhập đầu tiên . Lưu ý rằng dù sao thì một nhãn popup nhỏ vẫn sẽ hiển thị dấu ngoặc kép.

Báo cáo lỗi

Yêu cầu kéo có liên quan :

Điều này bổ sung khả năng xác định xem nên sử dụng dấu ngoặc kép đơn hay dấu ngoặc kép cho các lần nhập mới được thêm thông qua các bản sửa mã. Khi một mục nhập mới được thêm vào, chúng tôi sẽ quét các báo cáo trên cùng của tệp nguồn để tìm các khai báo nhập hoặc xuất hiện có với mã định danh mô-đun. Sau đó, chúng tôi sử dụng kiểu trích dẫn của kiểu đầu tiên mà chúng tôi tìm thấy. Nếu không có dữ liệu nhập hiện có nào trong tệp, chúng tôi quay lại sử dụng dấu ngoặc kép.

Các giải pháp trên không hoạt động với tôi

Vì vậy, đây là công việc của tôi xung quanh, trong bạn sử dụng vscode,: "tslint.autoFixOnSave"true trong ý muốn của bạn settings.jsonsẽ tự động sửa các trích dẫn nhập này khi bạn lưu tệp.