编写你的第一款VSCode插件

npm install -g yo generator-code

yo code

cd hello-code
code .

code () {
if [[ $# = 0 ]]
then
    open -a "Visual Studio Code"
else
    [[ $1 = /* ]] && F="$1" || F="$PWD/${1#./}"
    open -a "Visual Studio Code" --args "$F"
fi
}

.
├── .gitignore
├── .vscode                     // VS Code 文件
│   ├── launch.json
│   ├── settings.json
│   └── tasks.json
├── .vscodeignore               // 发布插件时忽略的文件
├── README.md
├── src
│   └── extension.ts            // 插件的入口（源文件）
├── test                        // 测试文件夹
│   ├── extension.test.ts       // extension.test.js, 如果是 JavaScript 插件的话
│   └── index.ts                // index.js, 如果是 JavaScript 插件的话
├── node_modules
│   ├── vscode                  // 包含了vscode插件开发时的类型定义文件
│   └── typescript              // typescript的编译器 (TypeScript only)
├── out                         // 编译出口 (TypeScript only)
│   ├── extension.js            // 插件入口
│   ├── extension.js.map
│   └── test
│       ├── extension.test.js
│       ├── extension.test.js.map
│       ├── index.js
│       └── index.js.map
├── package.json                // 插件清单
├── tsconfig.json               // jsconfig.json, 如果是 JavaScript 插件的话
└── vsc-extension-quickstart.md // 快速上手插件开发

  "contributes": {
        "commands": [{
            "command": "extension.sayHello",
            "title": "Hello World"
        }]
    }

import * as vscode from 'vscode';

// vscode在开启时调用activate函数
export function activate(context: vscode.ExtensionContext) {

    // 用console输出诊断信息(console.log)和错误(console.error)
    // 下面的代码只会执行一次
    console.log('Congratulations, your extension "my-first-extension" is now active!');

    // 入口命令已经在package.json文件中定义好了，现在调用registerCommand方法
    // registerCommand中的参数必须与package.json中的command保持一致，用于在VSCode环境中注册这个命令函数
    let disposable = vscode.commands.registerCommand('extension.sayHello', () => {
        // 把你的代码写在这里，每次命令执行时都会调用这里的代码
        vscode.window.showInformationMessage('Hello World!');
    });

    context.subscriptions.push(disposable);
}

	let disposable = vscode.commands.registerCommand('extension.replaceQuotationMarks', () => {
		// 获取当前激活的编辑页面
        let editor = vscode.window.activeTextEditor;
		if (!editor) {
			return; // 没有打开编辑器
		}
        // 获取选中对象
		let selection = editor.selection;
        // 获取选中的文本
		let text = editor.document.getText(selection);
        // 替换文本，注意引号需要转义，并且需要开启RegExp的全局搜索标志，不然只会替换第一个引号
		let replacedText = text.replace(/\"/g, '\'');
		editor.edit( editBuilder => {
            // 替换内容，替换的位置可以有选中的对象获取
			editBuilder.replace(selection, replacedText);
		});
		// 给用户一个消息提示框
		vscode.window.showInformationMessage("Replace Done!");
	});

"contributes": {
	"keybindings": [{
		// 指定快捷键执行的操作
		"command": "extension.replaceQuotationMarks",
		// windows下快捷键
		"key": "f2",
		// mac下快捷键
		"mac": "f2",
		// 快捷键何时生效
		"when": "editorTextFocus"
	}]
}

export function activate(context: vscode.ExtensionContext) {
	let disposable = vscode.commands.registerCommand('extension.replaceQuotationMarks', () => {
		let editor = vscode.window.activeTextEditor;
		if (!editor) {
			return; // 没有打开的编辑器
		}
		let text = editor.document.getText();
		let replacedText = text.replace(/\"/g, '\'');
		replacedText = replacedText.replace(/className\s*=\s*\'(.+)\'/g, 'className=\"$1\"');
		const fullRange = new vscode.Range(
			editor.document.positionAt(0),
			editor.document.positionAt(text.length - 1)
		);
		editor.edit( editBuilder => {
			editBuilder.replace(fullRange , replacedText);
		});
		// 给用户一个消息提示框
		vscode.window.showInformationMessage("Replace Done!");
	});
	context.subscriptions.push(disposable);
    // 立即执行！
	vscode.commands.executeCommand('extension.replaceQuotationMarks');
}

	"activationEvents": [
		"onLanguage:javascriptreact"
	],

class Publisher {
	// 文本替换，将replace变为async
	private asyncReplace(str: string, re: RegExp, replacer: Function) {
		return Promise.resolve().then(() => {
			const fns: any[] = [];
			str.replace(re, (m, ...args) => {
				fns.push(replacer(m, ...args));
				return m;
			});
			return Promise.all(fns).then(replacements => {
				return str.replace(re, () => replacements.shift());
			});
		});
	}
	// 发布图片到图床，这里使用sm.ms图床
	private async sendImage(path: string): Promise<string> {
		const form = new formdata();
		if (!fs.existsSync(path)) {
			return '替换错误，请检查该文件是否存在';
		}
		const stream = fs.createReadStream(path);
		form.append('smfile', stream);
		const result = await fetch('https://sm.ms/api/upload', {
			method: 'POST',
			body: form
		})
			.then(
				(res: any) => res.json()
			)
			.then(
				(json: any) => {
					vscode.window.showInformationMessage(`${json.data.url}: ok`);
					return json.data.url;
				});
		return result;
	}
	public publish() {
		const editor = vscode.window.activeTextEditor;
		if (!editor) {
			return;
		}
		vscode.window.showInformationMessage(`上传开始……`);
		const currentlyOpenTabfilePath = editor.document.fileName;
		const dirName = path.dirname(currentlyOpenTabfilePath);
		const fileName =  path.basename(currentlyOpenTabfilePath, '.md');
		let text = editor.document.getText();
		// 筛选图片地址的正则表达式
		const imageReg = /!\[.*?\]\((.*?\.(png|jpg|webp|gif))\)/g;
		this.asyncReplace(text, imageReg, async (_: any, fileName: string) => {
			const imagePath = path.join(dirName, fileName);
			const result = await this.sendImage(imagePath);
			return `![](${result})`;
		}).then(text => {
			// 发布博客使用Ghost博客提供的API
			const api = new GhostAdminAPI({
				url: 'youblogurl',
				key: 'yourkey',
				version: 'v2'
			});
			const html = md.render(text);
			console.log(html);
			api.posts.add(
					{ title: fileName, html ,status: "published"},
					{ source: 'html' } // Tell the API to use HTML as the content source, 
				)
				.then((res:any) => vscode.window.showInformationMessage('文章发布成功！！！'));
		});
	}
}