Tìm kiếm trang web
typescript - Làm thế nào để prettier phá vỡ tất cả các kiểu hợp nhất?
Tôi muốn cái này:
type SomeType = Variant1 | Variant2luôn định dạng theo kiểu này:
type SomeType = | Variant1 | Variant2Bất kể nó có tràn ra ngoài chiều rộng cột được chỉ định hay không.
Câu trả lời #1
Nếu bạn cần mức độ kiểm soát về định dạng như vậy, bạn có khả năng không phải là đối tượng mục tiêu của Prettier vì những thứ như vậy cố ý không thể cấu hình trong nó. Xem triết lý về t
Đọc thêm →node.js - Hỗ trợ lập trình kịch bản nhẹ bằng TypeScript với ESLint và Prettier
TypeScript/ESLint/Prettier đã trở thành những công cụ yêu thích của tôi cho mọi loại nhiệm vụ. Tuy nhiên, tôi vẫn đang gặp khó khăn với những script Nodejs nhỏ chỉ vài chục dòng mã. Để viết một script Nodejs nhỏ với trải nghiệm IDE thoải mái, tôi cần:
- Tạo một file package.json
- Cấu hình tsconfig (biên dịch nghiêm ngặt)
- Cấu hình ESLint
- Cấu hình Prettier
- Biên dịch sang JavaScript nếu tôi quan tâm đến hiệu suất khởi động (xem bên dưới)
Điều n
Đọc thêm →reactjs - Làm thế nào để cài đặt prettier autoformatter trong VScode không xóa dấu phẩy khỏi các kiểu TypeScript sau khi tôi thêm React
Khi tôi lưu một tệp với bộ định dạng tự động bật, loại
type Params = { fileName: string, isTxt: boolean }sẽ được lưu thành
type Params = { fileName: string isTxt: boolean }Mà React kh
Đọc thêm →reactjs - Làm thế nào để sửa lỗi cài đặt cấu hình eslint/prettier?
Tôi cần giúp đỡ. Tôi đang cố gắng thiết lập ifint. Nhưng tôi chỉ thấy lỗi trên bảng điều khiển, tôi không thấy chúng trong biểu đồ vấn đề và trong trình chỉnh sửa mã
Tôi đã cố gắng làm mọi thứ theo hướng dẫn của Airbnb trên GitHub
Và cũng để xem những lỗi này, tôi cần chạy lệnh npm run lint
.eslintrc.js
Đọc thêm →typescript - WebStorm Định dạng lại mã (Prettier) định dạng giống như `prettier --write .`
Tôi đang làm việc trên một cơ sở mã (TS) nơi prettier --write . nên được chạy trước mỗi lần commit.
Tuy nhiên, tôi đang sử dụng hành động Reformat Code trong WebStorm để chạy Prettier, điều này tiện lợi hơn. Sử dụng hành động này, mã cũng được định dạng lại, ví dụ như thêm một ; bị thiếu vào cuối dòng. Nhưng tôi nhận ra rằng, ví dụ các dòng trống thì không bị xóa. Nhưng khi tôi chạy prettier --write ., những dòng trống đó lại bị xóa.
Đọc thêm →typescript - space-in-parens trong .prettierrc
Tôi muốn có prettier giống như space-in-parens từ eslint.
Từ :
function foo(one, two, three){Đến :
function foo( one, two, three ){Tôi đã tìm thấy chủ đề này (https://github.com/prettier/prettier/issues/1303) từ năm 2017 trên GitHub nhưng tôi không thể tìm thấy giải pháp.
Bạn có biết gì về điều đó không? Có cách nào để tạo một quy tắc tùy chỉnh không?
Cảm ơn rất nhiều trước
Đọc thêm →Cách Cấu Hình ESLint và Prettier để Báo Lỗi Chính Xác trong Dự Án TypeScript và Next.js
Tôi đang sử dụng TypeScript và Next.js. Tôi muốn bắt buộc các lỗi định dạng mã, vì vậy tôi đã thêm quy tắc sau vào eslintrc.json:
"rules": { "prettier/prettier": "error" }Sau kh
Đọc thêm →javascript - Có khả năng vô hiệu hóa quy tắc ESLint/Prettier thêm dấu ngoặc đơn không?
Nếu tôi viết:
const a = 1; const b = 1; const c = 1; const d = 1; const t = a * b * (c + d) / 100;rồi một số quy tắc muốn thay đổi thành:
const t = (a * b * (c + d)) / 100; // ^ ^ unwanted parenthesesTôi không muốn có các dấu ngoặc thêm, nhưng tôi không thể xác định đó là ESLint hay Prettier thêm chúng. .eslintrc của tôi được thêm dưới đây:
{ "root": true, "parser& Đọc thêm →typescript - Làm thế nào để tránh VsCode Prettier phá vỡ các chuỗi hàm với các hàm mũi tên?
Tôi đang làm việc với VSCode và Prettier và khi chúng tôi có các cuộc gọi hàm xâu chuỗi với các hàm mũi tên bên trong như một chuỗi lodash:
let total = _(credits).filter(c => c.active).sumBy(c => c.fee);Prettier phá vỡ thành:
discount = _(credits) .filter(c => c.active) .sumBy(c => c.fee);Khi chúng ta sử dụng strings thay vì arrow functions, nó không bị ngắt thành nhiều dòng, ví dụ:
le Đọc thêm →reactjs - Làm sao để tôi có thể tắt xuống dòng trong prettier
Giá trị printWidth của tôi là 200 và như vậy hay bị ngắt dòng mỗi lần, ví dụ.
<Form.Item label="xxx"><Input /></Form.Item> <Form.Item label="yyy"><Select /></Form.Item> <Form.Item label="zzzz"><Input /></Form.Item>Khi tôi ch
Đọc thêm →