tipsmemo:tips:vscode

差分

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

この比較画面へのリンク

--- tipsmemo:tips:vscode [2024/07/23 09:41] – 作成 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 =====
 ==== PuppeteerのPDF出力で用紙設定を行う ====
+Markdownドキュメントの先頭に、以下のようなコードを記載する
+なお、A判のフォーマットは「**a4**」の様に頭が小文字なので注意((web上の記載は**本家も含めて**殆どが間違っています))((大概のソフトはprinterに合わせてくれるようでエラーにならないので、気付いていない人が多いようです))
 <code>
 ---
 puppeteer:
-  format: "a4"              # 用紙フォーマット指定
+  format: "a4"              # 用紙フォーマット指定 a0 ～ a6, letter, legal...
   landscape: false          # 用紙方向
-  # printBackground: true   # 背景画像
+  # printBackground: false  # 背景画像
   # margin:                 # マージン
   #   top: 10mm
@@ 行 19: / 行 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>
+==== 参考 ====
+  * [[https://shd101wyy.github.io/markdown-preview-enhanced/#/ja-jp/|Markdown Preview Enhanced]]
+    * [[https://shd101wyy.github.io/markdown-preview-enhanced/#/ja-jp/puppeteer|Chrome (Puppeteer) 出力]]
+    * [[https://github.com/puppeteer/puppeteer/blob/9fdf2ba280fd59e4a41cfd7f7e1c3ef963ef3737/src/common/PDFOptions.ts|puppeteer/src/common/PDFOptions.ts]]

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