VS代码扩展-代码段-我将告诉您如何节省时间

在一个项目上工作了很长时间,经常会遇到需要复制部分典型代码并将其粘贴到正确位置的需求。 在这种情况下,摘录会提供帮助。 在他们的示例中,我将告诉您如何在VS Code中构建满足自己需求的扩展。

关于扩展的创建,VS Code提供了文档 ,但是在这里,我将尝试更简洁地说明创建过程。

我在Mac上工作,因此命令将是适当的...

那么,我们需要什么呢?

  • 实际上是VS Code
  • Node.js或它的文件管理器-nmp
  • VS代码生成器
  • 直臂

安装必要工具的过程。 注意事项 由终端使用!


  1. 安装Node.js (如果已经可用,可以跳过)
    • 安装brew (如果已经可用,可以跳过)
      /usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)" 

    • 安装Node.js
       brew install node 


  2. 安装VS代码生成器
     npm install -g yo generator-code 


创建扩展模板


  1. 在同一控制台中全部工作,执行命令
     yo code 

    下图将出现在您面前:
    图片
    必须选择JavaScript
  2. 然后,该机制将提示您填写其他几个字段,之后将开始创建过程
    图片

恭喜啦 模板已创建。 让我们继续进行代码。

创建扩展


  1. 打开创建的文件夹。 她的名字与您之前指定的扩展名标识符匹配)
    图片
  2. 使用嵌入式json文件(om / s)创建一个snippets文件夹。 关键是,对于每种vs编辑器语言,您都可以使用自己的代码段集,为此,您需要为每种所需的语言注册自己的代码段文件。 例如,我使用sql和js,所以我将为自己制作2个文件
    图片
  3. 在扩展中注册代码片段。 注册代码段文件,并将其绑定到将应用它们的语言。 为此,请在package.json文件中添加以下简单结构,该结构指示哪种语言对应于哪个代码段

    图片

    懒码
      "snippets": [ { "language": "csharp", "path": "./snippets/js_snippets.json" }, { "language": "sql", "path": "./snippets/sql_snippets.json" } ] 


  4. 摘要片段的描述。 如前所述,主体必须为json格式。 例如,我为自己创建了两个模板(代码段-a)。 其中一个创建pl sql程序的主体,第二个仅包含输出代码段。 每个片段包括:

    • json对象代码段-a-名称定义;
    • 前缀-一个团队,我们可以找到片段;
    • body-要插入编辑器的主体;
    • 描述-代码段-a的描述。

    图片

    再次代码
      { "Default body": { "prefix": "defaultbody", "description" : "Declare dafault body", "body": [ "declare", "", " v_errorCode int;", " v_errorMessage nvarchar2(255);", "", "begin", "", " begin", "", " null;", " --Do something", "", " exception when others then", "", " v_errorCode = 101;", " v_errorMessage = substr(sqlerrm, 1, 200);", " ", " end;", "", " <<cleanup>>", " --dbms_output.put_line('Error code : '||v_errorCode);", " --dbms_output.put_line('Error message : '||v_errorMessage);", "end;" ] }, "Output": { "prefix": "output", "description" : "Dbms output", "body": [ "dbms_output.put_line('');" ] } } 


  5. 启动。 使用相同的vs代码生成,然后打开新的实例vs代码
    图片
  6. 验证码 在新实例中,我们需要选择用于编写sql代码的语言,并开始编写与所选语言相对应的代码片段之一的前缀,这就是我们得到的结果
    图片

    图片

  7. 应用程序。 要将扩展名留在tarantass上并使其始终有效,您需要将项目文件夹移至
     user/.vscode/extensions/ 


看起来不错? 节省时间,人。。。 时间是$

Source: https://habr.com/ru/post/zh-CN455884/


All Articles