[关闭]
@2890594972 2018-06-07T19:12:26.000000Z 字数 1201 阅读 1698

开发属于自己的vscode-snippet插件

vscode snippet


开发属于自己的vscode-snippet插件

发布的大体流程


  1. 有个微软的账号
  2. 登录市场,创造一个团队
  3. 创建一个 Personal Access token
  4. 全局安装vsce模块
  5. github 新建一个对应的仓库


    核心要点,package.json的书写
    snippets的 json 文件
    对应的静态文件等(image)

  6. 最后一步就是发布,看我们自己的发布的成果了

image_1cfdgfjkv9541bg61eol15qjccfp.png-49.1kB


mq4dc4bneg3glulxrch5gf35cocgaql67rmrxmr3vbp35z2otdla

http://www.cnblogs.com/lianmin/p/5499266.html

https://code.visualstudio.com/docs/extensions/publish-extension

所有插件都可以参考和配置-尤其是bs3

  1. {
  2. "name": "dx-snippet",
  3. "displayName": "dx-snippet",
  4. "description": "针对前端提供的各种实用快捷方式",
  5. "icon": "images/vue-logo.png",
  6. "version": "0.0.1",
  7. "publisher": "daxiang",
  8. "engines": {
  9. "vscode": "^1.14.0"
  10. },
  11. "repository": {
  12. "type": "git",
  13. "url": "https://github.com/xiangjun9988/dx-snippet.git"
  14. },
  15. "keywords": ["Vue", "Vue 2", "Vue Snippets"],
  16. "extensionDependencies": ["octref.vetur"],
  17. "categories": ["Snippets"],
  18. "contributes": {
  19. "snippets": [
  20. {
  21. "language": "vue",
  22. "path": "./snippets/vue.json"
  23. },
  24. {
  25. "language": "html",
  26. "path": "./snippets/vue-template.json"
  27. },
  28. {
  29. "language": "vue-html",
  30. "path": "./snippets/vue-template.json"
  31. },
  32. {
  33. "language": "javascript",
  34. "path": "./snippets/vue-script.json"
  35. },
  36. {
  37. "language": "javascript",
  38. "path": "./snippets/vue-script-vuex.json"
  39. },
  40. {
  41. "language": "javascript",
  42. "path": "./snippets/nuxt-config.json"
  43. },
  44. {
  45. "language": "plaintext",
  46. "path": "./snippets/plaintext.json"
  47. }
  48. ]
  49. }
  50. }
添加新批注
在作者公开此批注前,只有你和作者可见。
回复批注