乐趣区

关于typescript:简单的编写一个vscode插件

更加具体的内容能够查看该文档!vscode 插件开发文档(中文版)

  1. 装置脚手架
    npm install -g yo generator-code
  2. 初始化一个插件
    yo code // 会呈现一个交互窗口提供一些初始化选项
    抉择插件类型(开发语言等,根本无脑下一步即可)

    应用 vscode 关上我的项目
  3. 文件目录构造
├── .eslintrc.json // eslint 配置
├── .vscode // vscode 调试配置
|  ├── extensions.json
|  ├── launch.json
|  ├── settings.json
|  └── tasks.json
├── .vscodeignore // 公布疏忽内容
├── CHANGELOG.md // 批改日志
├── README.md // 插件公布后,插件主页内容
├── package-lock.json
├── package.json // vscode 从这里辨认插件奉献点
├── src // 外围源码内容
|  ├── extension.ts // 入口文件(次要批改此文件)|  └── test // 测试文件
├── tsconfig.json // ts 配置文件
├── vsc-extension-quickstart.md 
└── webpack.config.js // wepack 配置
  1. 运行调试
    先按F5 进入 vscode 自带的调试窗口,接着按 ctrl+shift+P 在顶部呈现命令框,输出 Hello World, 呈现如下界面即实现了插件我的项目的创立
    (输出 F5 即进入 vscode 自带调试模式,也可运行npm run watch 或者点击工具栏调试器)
  2. 公布
  • 办法一:间接把文件夹发给他人,让他人找到 vscode 的插件寄存目录并放进去,而后重启 vscode,个别不举荐;
  • 办法二:打包成 vsix 插件,而后发送给他人装置,如果你的插件波及秘密不不便公布到利用市场,能够尝试采纳这种形式;
  • 办法三:注册开发者账号,公布到官网利用市场,这个公布和 npm 一样是不须要审核的。(可参考此文档公布流程,vscode 插件开发中文文档
退出移动版