ネットで変更方法をいろいろ調べたのですが、うまくいきませんでした。後で大物から見て削除しました。フォントについては、元のシステムフォントをまだ使っていますが、見栄えが良いので自分で追加しました。必要に応じて自分で変更することができます。右上隅で、ファイル--環境設定--設定--設定の検索---setting.jsonの編集に移動し、他のコメントをコメントアウトして、次のコードブロックに置き換えます。フォントサイズと行の高さは自分で変更できます { //テキストサイズを設定します "editor.fontSize": 18, //テキスト行の高さを設定する "editor.lineHeight": 20, //行番号プロンプトを開く "editor.lineNumbers": "on", // 入力時にパラメータのドキュメントと型情報を含む小さなパネルを表示します。 "editor.parameterHints.enabled": true、 // ウィンドウのズームレベルを調整します "window.zoomLevel": 0, // ファイルディレクトリ // "workbench.iconTheme": "vscode-icons", // フォントを設定します "editor.fontFamily": "'Consolas','Droid Sans Mono', 'Courier New', monospace, 'Droid Sans Fallback'", // 自動行折り返し "editor.wordWrap": "on", // vscode パネルの色をカスタマイズする "workbench.colorCustomizations": { // "tab.activeBackground": "#253046", // アクティブタブの背景色// "activityBar.background": "#253046", // アクティビティバーの背景色// "sideBar.background": "#253046", // サイドバーの背景色// "activityBar.foreground": "#23f8c8", // アクティビティバーの前景色(アイコンなど) "editor.background": "#292a2c" //エディターの背景色}, // デフォルトでは、vscode はオプション "editor.detectIndentation": false を有効にし、ファイルの種類に基づいてタブ サイズを自動的に設定します。 // タブサイズをリセット "エディター.タブサイズ": 2, // #保存するたびに自動的にフォーマットする "editor.formatOnSave": true, // #関数(名前)とそれに続く括弧の間にスペースを追加します "javascript.format.insertSpaceBeforeFunctionParenthesis": true, // #これはユーザー自身の習慣に従って選択されます "vetur.format.defaultFormatter.html": "js-beautify-html", // #Vue の js をエディターに付属する ts 形式に従ってフォーマットします "vetur.format.defaultFormatter.js": "vscode-typescript", // 保存時に実行する ESLint アクション タイプをコード化します。 "editor.codeActionsOnSave": { "source.fixAll.eslint": 真 }, // emmet サポート vue ファイルを追加 "emmet.includeLanguages": { "wxml": "html", "vue": "html" }, // 2つのセレクタをラップするかどうか "minapp-vscode.disableAutoConfig": true, //クイックプレビュー(右側) "editor.minimap.enabled": true、 // タブコード補完 "files.associations": { "*.wpy": "vue", "*.vue": "vue", "*.cjson": "jsonc", "*.wxss": "css", "*.wxs": "javascript" }, // ESLint CLI エンジン API を使用して ESLint を起動する方法を構成するために使用されます。 デフォルトでは空のオプション "eslint.options": { 「拡張機能」: [ 「.js」、 「.vue」 ] }, // onSave または onType でリンターを実行します。デフォルトは onType です。 "eslint.run": "onSave", // 検証済みファイルのフォーマッタとして ESLint を有効にします。 "eslint.format.enable": true、 // ESLint 拡張機能を有効化し、ファイルの検証を試みる言語識別子の配列。 "eslint.probe": [ 「ジャバスクリプト」、 「javascriptreact」、 「vue-html」、 「ビュー」、 「html」 ]、 //rg.exe プロセスを閉じて cnpm を使用します。これにより、rg.exe が大量のメモリを占有することになります。"search.followSymlinks": false, // js-beautify-html のプロパティ パーティションを設定します "vetur.format.defaultFormatterOptions": { "js-beautify-html": { "ラップ属性": "自動", "折り返し行の長さ": 200, "end_with_newline": 偽 }, "きれいなhtml": { "印刷幅": 200, "シングルクォート": false, "wrapAttributes": false、 「ソート属性」: false }, 「もっときれい」: { 「セミ」:偽、 "シングルクォート": true } }, // スタイルはデフォルトでインデントオフセットになります "vetur.format.styleInitialIndent": true、 // 無名関数の function キーワードの後のスペースを定義します。 "javascript.format.insertSpaceAfterFunctionKeywordForAnonymousFunctions": true, // 関数パラメータの括弧の前のスペースの処理方法を定義します。 "typescript.format.insertSpaceBeforeFunctionParenthesis": true, // 新しいバージョンメッセージ "vsicons.dontShowNewVersionMessage": true, // ファイルをゴミ箱に削除するときにエクスプローラーが確認するかどうかを制御します。 "explorer.confirmDelete": true、 // eslint-plugin-vue を使用して <template> 内の vue-html を検証します "vetur.validation.template": false, // ワークベンチで使用するカラーテーマを指定します。 // "workbench.colorTheme": "One Dark Pro" } 要約するこの記事はこれで終わりです。皆さんのお役に立てれば幸いです。また、123WORDPRESS.COM のその他のコンテンツにも注目していただければ幸いです。 以下もご興味があるかもしれません:
|
目次TOKEN タイマーリフレッシュ2. access_tokenの内部設計2.1 access_t...
主な違いは次のとおりです。 1. MySQL はデフォルトで MyISAM を使用します。 2. M...
この記事の例では、Vue Element UIカスタム説明リストコンポーネントの具体的なコードを参考...
目次1. React.FC<> 2. クラスxxはReact.Componentを拡張し...
インターネット時代が成熟するにつれて、オンライン広告の発展も加速しています。圧倒的な広告収入と完璧な...
データの初期化 `test_01` が存在する場合はテーブルを削除します。 テーブル「test_01...
1. MySQL WorkbenchをダウンロードするWorkbench は、MySQL のグラフィ...
目次序文VirtualDOM とは何ですか? VirtualDOMを使用する理由DOMレンダリングペ...
目次setStateを使用する理由setStateの使用法非同期または同期更新要約するsetStat...
1. 概要MySQL バージョン: 5.6.21ダウンロードアドレス: https://dev.my...
最近、あるプロジェクトを手伝ったのですが、MySQL マシンがしばらくすると自動的に停止し続けました...
この記事では、Ubuntuサーバーバージョンのインストールグラフィックチュートリアルを参考までに紹介...
IE6 で CSS スタイルの div または li の背景のタイリングや境界の破壊を解決するには、...
1. <select style="width:195px" name=&...
注意: .NET FrameWork はコア モードで実行できないため、コア インストール モードの...