【VisualStudio2017 (C#)】ブロガー必見！ソースコードをHTML形式でコピーする「Productivity Power Tools 2017/2019」が超便利

f:id:HLSE:20190108171413j:plain

VisualStudio内のテキストエディタ上のハイライト（色付け）をそのままブログ記事に貼り付けたい！と思う人は多いのではないでしょうか。

それを解決するVisualStudioのエクステンション（拡張機能）が

Productivity Power Tools 2017/2019

です。　

「Productivity Power Tools 2017/2019」インストール方法

①下記ダウンロードURLよりファイルをローカルに落としてくる。

marketplace.visualstudio.com

②ダウンロードしてきたファイル「ProductivityPowerPack2017.vsix」をダブルクリックする。

f:id:HLSE:20190108220424j:plain

■以下エラーが発生した場合

＞＞＞解決方法

forround.hatenablog.jp

③「Copy As Html」にチェックを入れる（他項目は任意）

＞＞＞「Visual Studio」の生産性を向上させる「Productivity Power Tools」の2017版が登場 - 窓の杜

f:id:HLSE:20190108220254j:plain

f:id:HLSE:20190108220828j:plain

「Productivity Power Tools 2017/2019」使用方法

特になにかするわけではなくVisualStudioよりコードエディタを開いて該当のソースをコピーする（Ctrl + C）

f:id:HLSE:20190108222804j:plain

はてなブログの見たままモードにして貼り付ける（CTRL + V）

↓↓↓以下コードは貼り付けただけ

namespace SQLServerConnect
{
    public partial class Form1 : Form
    {
        public Form1()
        {
            InitializeComponent();
        }
 
        private void Form1_Load(object sender, EventArgs e)
        {
 
        }
    }
}

なんかいい感じに貼り付けられています！

ただ行間が少し広く冗長に感じます。

そこで、HTML編集タブよりHTMLのpreタグstyleに「line-height: 100%」を追加してあげます。

f:id:HLSE:20190108224222j:plain

すると行間が狭くなりすっきりした感じになります。

namespace SQLServerConnect
{
    public partial class Form1 : Form
    {
        public Form1()
        {
            InitializeComponent();
        }
 
        private void Form1_Load(object sender, EventArgs e)
        {
 
        }
    }
}