关于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插件开发中文文档

评论

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

这个站点使用 Akismet 来减少垃圾评论。了解你的评论数据如何被处理