Introduction

Qiita CLIがリリースされ、従来のGUIからVSCodeでMarkdown形式で記事を書くようになりました。

しかしMarkdownで書くことで、VSCodeに入れていたPrettierという拡張機能が影響し、数字と英語の前後に半角スペースが入り込んでいました。

本記事ではUbuntu22.04環境で上記の事象を解決します。

本記事が少しでも読者様の学びに繋がれば幸いです！
「いいね」をしていただけると今後の励みになるので、是非お願いします！

環境

Ubuntu22.04

実施内容

まずは事象の確認を行います。

2023 年 8 月
個人的には GUI でも

以前からMarkdownでメモを取っているので気にはなりましたが、Prettierのようなコードフォーマッターに余計な設定を入れたくはなかったため放置していました。
メモのような個人用途はまだしも、人様に読んで頂く上で見辛い記事を提供するわけにはいかないため、スペースを取り除く設定を加えました。

最初は以下の記事を参考に設定しましたが、適用されずスペースは残りました。
設定からPrettierのResolve Global ModulesをTrueにする方法です。

Win10ではResolve Global Modulesでフォーマットできない旨が書かれており、私の環境（Ubuntu22.04）でも同様に動作しませんでした。

別の方法で解決することにし、以下の記事を参考に設定しました。
対処法2であればUbuntu22.04環境でも適用できました。

記事の内容に沿ってPrettierのディレクトリを開きます。
Ubuntuでは以下に格納されています。

cd ~/.vscode/extensions/esbenp.prettier-vscode-10.1.0/node_modules/prettier/

記事が若干古いためprettierのバージョンなど異なりますので、必要に応じてesbenp.prettier-vscode-10.1.0/はesbenp辺りでタブ補完をするとスムーズです。

index.jsを修正していきます。
私のバージョンでは33413行目が該当箇所なため、vimで行を指定して開きます。

vim +33143 index.js

普通にvimで開いてから、/function appendNodeで引っ掛けても良いです。

修正前はvalue: " "となっているため、画像の通りvalue: ""としてスペースを消しましょう。

スペースが消せるか保存して確認します。

無事消せました！

最後に

最後まで閲覧頂きありがとうございました。
OS問題やバージョン問題がありそうなので、特にUbuntu環境の方は参考にしてみてください！
Qiita CLIの登場もあり、QiitaユーザーでMarkdownを書く機会が増える方もいると思います。
スペースが気になっていた方は、是非本記事や紹介した他の方の記事を見ながらスペース消して快適な執筆生活を送りましょう！

本記事がお役に立てば幸いです！

参考URL