VSCode的第一个插件(步骤详细)

环境需求

  • Node.js(在网上下载)
  • vscode最新版(官网下载,最好下载安装的版本,安装的时候可以自动帮助配置一些环境)
  • Yeoman和VS Code Extension Generator(npm install -g yo generator-code)

具体操作

  • 打开vscode,新建一个文件夹名为Hello World

  • 打开Terminal,输入npm install -g yo generator-code,(具体原因不太知道,最好是在某一个文件位置中输入这个指令)

  • 安装好之后,在终端输入yo code,会跳出下列选项,按照下面选项选好
    VSCode的第一个插件(步骤详细)

  • 然后再终端输入code ./helloworld就会打开一个新的vscode界面,在左侧文档中找到extension.ts文件,打开文件
    VSCode的第一个插件(步骤详细)

  • 按F5执行,它会自动打开一个vscode新界面,然后再新界面中按下ctrl+shift+p
    VSCode的第一个插件(步骤详细)

  • 输入hello world,即可看到右下角,说明成功
    VSCode的第一个插件(步骤详细)

  • vscode一定要是最新版本,如果不是,插件可能会运行不了,vscode界面的左下角有个设置,如果设置头上有①,说明可能需要更新了
    VSCode的第一个插件(步骤详细)以上便是简单的插件开发
    官方文档插件开发教程地址https://code.visualstudio.com/api/get-started/your-first-extension

相关文章: