vscode 执行npm命令_弄个VSCode的Extension吧

做这个的时候，我首先在想的就是它与Eclipse的Plugin有什么区别？在以前，我确实是开发过Eclipse的Plugin的。感觉那个东西还是很方便的。只要你知道自己做什么，用什么样的View，Editor或者最基础的功能，很容易开发出来。

那么VSCode的Extension机制也是这样简单吗？

其实还真没有多难。因为VSCode提供了相当不错的工具来做这些事。

创建项目有工具，发布也有工具。所以你要真是想做一个Extension，那么想着这些工具是不少的就成了。

先按官方的例子来吧。

首先要先安装官方的代码生成工具。

$npm install -g yo generator-code

再执行代码生成

$yo code
下面是基本的例子，建议选ts吧。
# ? What type of extension do you want to create? New Extension (TypeScript)
# ? What's the name of your extension? HelloWorld
### Press <Enter> to choose default for all options below ###

# ? What's the identifier of your extension? helloworld
# ? What's the description of your extension? LEAVE BLANK
# ? Initialize a git repository? Yes
# ? Which package manager to use? npm

运行下面这个命令的时候有个问题，
如果你是Mac, 应该是右边这个命令(/Applications/Visual Studio Code.app/Contents/Resources/app/bin/code  ./helloworld)
$code ./helloworld

同时这个代码说明里没有说明如果是ts要执行下面的命令

$npm install
$npm run compile

然后才是运行命令

$code ./hellowrold

这样会启动VSCode，同时打开当前工程。

在打开的工程里，执行 F5/Start Debuging， 就能启动另一个新的用于调试的VSCode了。

在这个里边执行 Command Palette (Command Shift P), 可以在打开的小窗口里输入 hellowworld, 这样就能执行这个例子了。

结果就是你在右下角能看到HelloWorld。

PG的世界就是HelloWorld。真是。。。。