tipsmemo:tips:vscode

差分

このページの2つのバージョン間の差分を表示します。

この比較画面へのリンク

--- tipsmemo:tips:vscode [2024/07/23 09:48] – admin
+++ tipsmemo:tips:vscode [2025/12/22 07:47] (現在) – [PuppeteerのPDF出力で用紙設定を行う] hayashi
@@ 行 1: / 行 1: @@
 ====== Visual Studio Code ======
+===== デフォルトの改行コードを変更する =====
+ユーザー設定／ワークスペース設定でfiles.eol項目を変更
+===== 再読み込み（リロード）の方法 =====
+  * Ctrl + Shift + P でコマンドパレットを表示((バージョンによっては Ctrl + P))
+  * reloadと入力
+  * **Developer: ウィンドウの再読み込み**を選択
+===== Draw.io integration のテーマ変更 =====
+Darkmodeだと使いにくいので、VSCode右下のTheme: dark表示をクリックすると、他のカラーテーマを設定できる
 ===== MarkdownPreviewEnhanced =====
@@ 行 5: / 行 21: @@
 ==== PuppeteerのPDF出力で用紙設定を行う ====
 Markdownドキュメントの先頭に、以下のようなコードを記載する
-なお、A判のフォーマットは「**a4**」の様に頭が小文字なので注意((web所の記載は**本家も含めて**殆どが間違っています))
+なお、A判のフォーマットは「**a4**」の様に頭が小文字なので注意((web上の記載は**本家も含めて**殆どが間違っています))((大概のソフトはprinterに合わせてくれるようでエラーにならないので、気付いていない人が多いようです))
 <code>
@@ 行 12: / 行 28: @@
   format: "a4"              # 用紙フォーマット指定 a0 ～ a6, letter, legal...
   landscape: false          # 用紙方向
-  # printBackground: true   # 背景画像
+  # printBackground: false  # 背景画像
   # margin:                 # マージン
   #   top: 10mm
@@ 行 21: / 行 37: @@
 </code>
+「ctrl+shift+p」でcssを呼び出して設定も可能
+<code>
+  // modify your style here
+  // eg: background-color: blue;
+  font-size: 20px;      // change font size
+  line-height: 2.2;     // change line height
+  pre {
+    position: relative;
+    background-color: #ffffff; /* コードブロックの背景色 */
+    border: 1px solid #ddd;
+    /* 右下方向に 8px ずつずらしたグレーのボックスを作成 */
+    box-shadow: 8px 8px 0px 0px #f0f0f0;
+    margin-bottom: 20px; /* 下の要素との隙間 */
+  }
+  code {
+    font-family: 'Fira Code', monospace;  // change code font family
+    font-size: 18px;    // change code font size
+  }
+  :not(pre) > code {
+      background-color: #f2f2f2 !important; /* インラインの背景色 */
+      // color: #d63384 !important;           /* 文字色（お好みで） */
+      padding: 2px 5px !important;
+      margin: 0 3px !important;
+      border: 1px solid #ccc !important;
+      border-radius: 3px;
+      /* インライン用の小さな「後ろのボックス」 */
+      box-shadow: 2px 2px 0px 0px #dddddd !important;
+      font-family: var(--vscode-editor-font-family, "Consolas", monospace);
+  }
+</code>
 ==== 参考 ====

tipsmemo/tips/vscode.1721728122.txt.gz · 最終更新: 2024/07/23 09:48 by admin