Làm cách nào để thay đổi kích thước phông chữ của môi trường?


234

Có cách nào để thay đổi kích thước phông chữ môi trường trong Visual Studio Code không? Những thứ như hộp IntelliSense, bảng gỡ lỗi, tên tệp, v.v.

Tôi biết cách thay đổi kích thước phông chữ của trình soạn thảo nhưng tôi không thể tìm ra cách thay đổi kích thước phông chữ môi trường. Vì vậy, tôi tự hỏi nếu bạn có thể thay đổi nó bằng cách nào đó.


Bạn có thể tìm thấy những gì bạn muốn trong settings.json từ menu ưu tiên. Microsoft cung cấp định dạng cài đặt tùy chỉnh trong trang web của họ .
Chi-Shan Yu

1
Tất cả những câu trả lời này cũng thay đổi kích thước phông chữ biên tập. Làm cách nào để thay đổi kích thước phông chữ môi trường mà không cần trình chỉnh sửa?
mark-hahn

1
Đáng ngạc nhiên là có bao nhiêu câu trả lời không nhận được bình chọn. Một câu trả lời cho câu hỏi OP chỉ là không được tìm thấy ở đây. Tuy nhiên, rất nhiều người lặp lại cùng một câu trả lời cho cùng một câu hỏi chính xác, nhưng khác với OP.
Pedro Coleues

Câu trả lời:


304

Hiện tại không thể thay đổi họ phông chữ hoặc kích thước bên ngoài trình chỉnh sửa. Tuy nhiên, bạn có thể phóng to toàn bộ giao diện người dùng vào và ra từ Viewmenu.

Cập nhật cho phiên bản VS Code 1.0 của chúng tôi:

Cài đặt mới được giới thiệu window.zoomLevelcho phép duy trì mức thu phóng cho tốt! Nó có thể có cả giá trị âm và dương để phóng to hoặc thu nhỏ.


3
Có kế hoạch nào để có nó trong một bản phát hành sắp tới không? chúng ta có thể bỏ phiếu cho nó? danh sách các tệp trông rất nhỏ ở độ phân giải cao cũng như bảng gỡ lỗi
Sul Aga

Bạn đã thử phóng to hành động từ menu xem chưa?
Benjamin Pasero

tốt hơn nhiều bây giờ Bạn có thể vui lòng thêm "cách giải quyết" này vào câu trả lời của bạn để tôi có thể đánh dấu nó là câu trả lời không. Cảm ơn bạn
Sul Aga

nếu bạn thu nhỏ và tự hỏi tại sao con trỏ biến mất, hãy kiểm tra xem bạn có đặt nó thành "đường mỏng" không. Đặt nó thành "đường" sẽ khắc phục sự cố, ít nhất là cho thu phóng xuống tới 60%.
Michael Johnston

Ví dụ, thu phóng cửa sổ có một nhược điểm, nó có thể kích hoạt "phông chữ mờ" trong thiết bị đầu cuối: github.com/microsoft/vscode/issues/84194
sandos

166

Chỉ cần sao chép "editor.fontSize": 18vào setting.jsontrình soạn thảo của bạn .

Nhấn Control+ Shift+ Pvà sau đó nhập "cài đặt" sẽ cho phép bạn dễ dàng tìm thấy tệp cài đặt không gian làm việc hoặc người dùng.

nhập mô tả hình ảnh ở đây


16
Điều này hoạt động tốt, nhưng không giống như OP muốn, thay đổi kích thước toàn bộ mọi thứ không chỉ trong trình soạn thảo văn bản
Thaina

@StepanSuvorov xem câu trả lời mới của tôi dưới đây, tôi biết rằng nó đến muộn mặc dù, chúc mừng!
Randomguy04

@ Randomguy04 vẫn không thấy lối tắt để thay đổi kích thước trong câu trả lời của bạn
Stepan Suvorov

91

Trong Visual Studio Code, bằng cách nhấn Ctrl+Ctrl-bạn có thể thay đổi kích thước phông chữ chung của IDE. Điều này giúp nhanh hơn thay đổi cài đặt trong mỗi phiên. Hy vọng nó giúp...


4
lưu ý, điều này sửa đổi cài đặt người dùng "window.zoomLevel": 1,
Damian Green

2
Trong phiên bản gần đây nhất, phóng to là Ctrl + =
Ryan Walker

22

Kể từ giữa năm 2017 Để nhanh chóng truy cập các tệp cài đặt, nhấn ctrl+ shift+ pvà nhập settings, ở đó bạn sẽ tìm thấy cài đặt người dùng và cài đặt không gian làm việc, lưu ý rằng cài đặt không gian làm việc sẽ ghi đè cài đặt người dùng , vì vậy tốt hơn là sử dụng trực tiếp cài đặt sau làm cho nó trở thành một thay đổi toàn cầu (cài đặt không gian làm việc sẽ tạo một thư mục trong thư mục gốc của dự án của bạn), từ đó bạn sẽ có tùy chọn để thêm tùy chọn "editor.fontSize": 14vào cài đặt của mình dưới dạng một đề xuất nhanh, nhưng bạn có thể tự làm và thay đổi giá trị theo sở thích của mình cỡ chữ.

Tóm lại:

  1. ctrl+ shift+p

  2. chọn "cài đặt người dùng"

  3. thêm vào "editor.fontSize": 14


9
Điều này KHÔNG trả lời câu hỏi của OP. OP đặc biệt yêu cầu thay đổi kích thước phông chữ môi trường, không phải phông chữ biên tập.
Chris

Cảm ơn Phản hồi @Chris, tuy nhiên tôi nghĩ nó trả lời câu hỏi và có thông tin cần thiết. nếu bạn muốn nó có môi trường trên mỗi môi trường, hãy thay đổi cài đặt không gian làm việc thay vì cài đặt người dùng và, cài đặt enifi env của bạn sẽ được duy trì trong .vscodethư mục
Randomguy04

4
OP yêu cầu environment, như trong mọi thứ trong GUI không có trong trình soạn thảo văn bản , Stuff like IntelliSense box, debug panel, file names, etc. Tôi có thể sai, nhưng tôi không nghĩ OP đề cập đến env mà bạn đang nói đến
Chris

20

Hãy thử chơi xung quanh với sự kết hợp của các cài đặt người dùng sau:

{
  "editor.fontSize": 18,
  "window.zoomLevel": 1.5,
}

điều này nên được thêm vào câu trả lời được chấp nhận. Rất súc tích và đúng điểm
Chris

4
"window.zoomLevel": 1.5là một lựa chọn rất tốt cho người già như tôi
e2a

Tất cả các câu trả lời xấu ở đây với một tấn upvote, đây cuối cùng là cách tiếp cận đúng.
Đánh dấu

14

Bạn có thể Phóng to và Thu nhỏ toàn bộ giao diện người dùng từ menu Xem.

Ngay bây giờ tôi đang sử dụng phiên bản 1.21.1 và ở đó trong menu xem, bạn có thể nhận tùy chọn Phóng to và Thu nhỏ là tùy chọn cuối cùng thứ 2 và thứ 3. Bạn có thể làm điều đó bằng cách sử dụng Ctrl+ +Ctrl+ -.

Bạn có thể đặt lại thu phóng bất cứ lúc nào bằng cách chọn tùy chọn Đặt lại thu phóng .


1
Ở đây toàn bộ giao diện người dùng có nghĩa là trình soạn thảo VSCode.
shankar upadhyay

Vâng, đó là tỷ lệ toàn bộ cửa sổ, thật hoàn hảo nếu bạn có màn hình độ phân giải cao
Kirill

14

Sau khi nhấn Control+ Shift+ Ptheo đề xuất của @Edwin:

  1. Tìm Cài đặt không gian làm việc:

nhập mô tả hình ảnh ở đây

  1. Sau đó "Đặt cài đặt của bạn trong tệp ở bên phải để ghi đè ... cài đặt mặc định và người dùng" hoặc nhấp vào tab Cài đặt người dùng để điều chỉnh window.zoomLevel nếu đó là hành động mong muốn.

nhập mô tả hình ảnh ở đây


10

Theo thay đổi của phiên bản 1.2, các lệnh mới đã được thêm vào để phóng to và thu nhỏ chỉ phông chữ nhưng toàn bộ giao diện người dùng.

Thay đổi: https://code.visualstudio.com/updates/v1_24#_font-zoom-commands

Sử dụng các phím bấm sau để thay thế các hành động thu phóng toàn cầu mặc định:

trên macOS:

{ "key": "cmd+numpad_add",      "command": "editor.action.fontZoomIn" },
{ "key": "shift+cmd+=",         "command": "editor.action.fontZoomIn" },
{ "key": "cmd+=",               "command": "editor.action.fontZoomIn" },
{ "key": "cmd+numpad_subtract", "command": "editor.action.fontZoomOut" },
{ "key": "shift+cmd+-",         "command": "editor.action.fontZoomOut" },
{ "key": "cmd+-",               "command": "editor.action.fontZoomOut" },
{ "key": "cmd+numpad0",         "command": "editor.action.fontZoomReset" },
{ "key": "cmd+0",               "command": "editor.action.fontZoomReset" },

trên Windows và Linux:

{ "key": "ctrl+numpad_add",      "command": "editor.action.fontZoomIn" },
{ "key": "shift+ctrl+=",         "command": "editor.action.fontZoomIn" },
{ "key": "ctrl+=",               "command": "editor.action.fontZoomIn" },
{ "key": "ctrl+numpad_subtract", "command": "editor.action.fontZoomOut" },
{ "key": "shift+ctrl+-",         "command": "editor.action.fontZoomOut" },
{ "key": "ctrl+-",               "command": "editor.action.fontZoomOut" },
{ "key": "ctrl+numpad0",         "command": "editor.action.fontZoomReset" },
{ "key": "ctrl+0",               "command": "editor.action.fontZoomReset" },

8
  1. Mở mã VS
  2. Gõ lệnh CTRL + SHFT + P
  3. Loại cài đặt
  4. Tập tin cài đặt sẽ mở ra.
  5. Bây giờ trong Người dùng> Trình soạn thảo văn bản> Phông chữ, tìm Cỡ chữ
  6. Nhập cỡ chữ bạn muốn

Đó là nó.


7

nhập mô tả hình ảnh ở đây

Tôi đã đặt "editor.fontSize": 12,

Lưu tập tin, bạn sẽ thấy hiệu ứng đúng cách.

nhập mô tả hình ảnh ở đây

Thưởng thức !


4
đó không phải là những gì được yêu cầu
JohnC

7

Cách tiếp cận đơn giản để thay đổi Kích thước Phông chữ trong Môi trường làm việc của Visual Studio:

Chuyển đến : Tệp -> Tùy chọn -> Cài đặt HOẶC Nhấn CTRL+ ,tức là CTRL + COMMA.

Điều này sẽ mở settings.json .

Bạn có thể thấy 3 tab ở đó:

  1. Thiết lập người dùng
  2. Cài đặt không gian làm việc
  3. Cài đặt thư mục

Tới User Settings và Thêm này:

{
"editor.fontSize": 16
}

Bây giờ chỉ cần lưu và đóng tệp.

Trong mã trên, 16 đại diện cho kích thước phông chữ. Tăng giảm theo mong muốn của bạn.


6

(Mã VS 1.33.1 trên Windows 7)

Thu phóng tất cả (UI và trình chỉnh sửa): CTRL + + , CTRL + - .

Trình chỉnh sửa thu phóng: CTRL + Bánh xe chuột.

Xem bên dưới làm thế nào tôi sửa nó.

Theo đề xuất của @Edwin: Nhấn Control + Shift + P và sau đó nhập "cài đặt" sẽ cho phép bạn dễ dàng tìm thấy tệp cài đặt người dùng hoặc không gian làm việc.

Tệp cài đặt của tôi được tìm thấy ở đây: "C: \ Users \ You_user \ AppData \ Roaming \ Code \ User \ settings.json"

Tập tin của tôi trông như thế này:

{
    "editor.fontSize": 12,
    "editor.suggestFontSize": 6,
    "markdown.preview.fontSize": 0,
    "terminal.integrated.fontSize": 10,
    "window.zoomLevel": 0,
    "workbench.sideBar.location": "left",
    "editor.mouseWheelZoom": true
}

6

Mất nhiều thời gian để tìm ra những gì tôi đã vô tình làm khi cửa sổ mã của tôi trở nên to lớn:

Thu nhỏ = Ctrl+ Shift+ ,(dấu phẩy)

Phóng to = Ctrl+ Shift+ .(dừng hoàn toàn / thời gian)

Thực sự không phải là một câu trả lời cho câu hỏi được đăng nhưng tôi nghĩ ai đó như tôi sẽ kết thúc ở đây vì các triệu chứng!


5

Có nhiều tùy chọn để thay đổi kích thước phông chữ trong mã Visual studio (phiên bản: 1.36.1), Trình chỉnh sửa

Lựa chọn 1:

Chuyển đến: Tệp > Tùy chọn > Cài đặt > chọn tab Người dùng > Trình soạn thảo văn bản > Phông chữ > Cỡ chữ

Cỡ chữ: Thay đổi cỡ chữ theo pixel theo yêu cầu của bạn


Lựa chọn 2:

Nhấn Ctrl+P

Tìm kiếm: settings.json , Mở tệp và thêm dòng này vào tệp settings.json :

{
    "editor.fontSize": 20
}

Lưu ý: Lưu tệp sau khi thay đổi


Tùy chọn 3:

Nhấn Ctrl+ Shift+P

Tìm kiếm: Trình chỉnh sửa Phông chữ Phóng to

  • Chỉ cần nhấp vào nó, kích thước phông chữ của bạn sẽ được tăng lên

Tìm kiếm: Trình chỉnh sửa Phông chữ Thu nhỏ

  • Chỉ cần nhấp vào nó, kích thước phông chữ của bạn sẽ được giảm

4

Kể từ bây giờ (tháng 3 năm 2018) & phiên bản 1.21.0, bạn có thể truy cập Cài đặt, tìm kiếm 'thu phóng' và thay đổi "editor.mouseWheelZoom": falsesai theo mặc định true. Điều này sẽ cho phép phóng to / thu nhỏ trên Mã VS bằng nút điều khiển và chuột - ctrl + scrollUp/scrollDown. Để thay đổi fontSizekhông gian làm việc / màn hình tổng thể của Mã VS, hãy tham khảo câu trả lời của Alegozalves ở trên.


4

Trong Visual Studio Code, kích thước phông chữ có thể dễ dàng thay đổi từ tab Cài đặt.

Cách đơn giản nhất để thực hiện việc này là nhấn Ctrl+ Shift+ Prồi nhập 'Cài đặt'. Điều này sẽ cho bạn thấy một vài kết quả. Chọn 'Cài đặt (Giao diện người dùng)'. Tab Cài đặt sẽ được mở trong trình chỉnh sửa. Bây giờ bạn có thể thay đổi cài đặt phông chữ từ đây. Điều này sẽ chỉ ảnh hưởng đến phông chữ của biên tập viên.

Hoặc, bạn cũng có thể nhấp vào biểu tượng cài đặt ở phía dưới bên trái của cửa sổ và tìm kiếm phông chữ từ đó.

nhập mô tả hình ảnh ở đây

Để thay đổi kích thước phông chữ của toàn bộ môi trường, bạn có thể xem xét nhấn ctrl+ +. Điều này sẽ hoạt động như phóng to toàn bộ môi trường, dẫn đến kích thước phông chữ tăng lên.

Chọn Cài đặt (Giao diện người dùng)


3

Nhấn Ctrlvà sử dụng bánh xe chuột để phóng to Trong hoặc Out .


Bạn có thể Phóng to và Thu nhỏ toàn bộ giao diện người dùng từ menu Xem. Nhưng câu hỏi là làm thế nào để thay đổi kích thước phông chữ

3

Bấm Ctrl, Shift, Pcùng một lúc, một menu sẽ xuất hiện, tìm kiếm Editor Zoom in. Sau khi chọn điều đó, phông chữ sẽ lớn hơn ở một mức độ nào đó.

Lặp lại điều này cho đến khi bạn đạt được kích thước phông chữ mong muốn của bạn.


1

bạn có thể sử dụng editor.fontSizevào setting.jsontập tin của trình soạn thảo.

ví dụ :

{
"editor.fontSize": 14
}
Khi sử dụng trang web của chúng tôi, bạn xác nhận rằng bạn đã đọc và hiểu Chính sách cookieChính sách bảo mật của chúng tôi.
Licensed under cc by-sa 3.0 with attribution required.