首页 > 其他分享 >vscode配置js片段及格式处理

vscode配置js片段及格式处理

时间:2023-11-17 19:55:06浏览次数:22  
标签:片段 JavaScript 双引号 vscode 代码 配置 js 替换

1、前期工作

  需要将代码块处理成要求的格式,即变量用$开头标记,每一个tab缩进用\t替换,代码中的双引号用转义字符\"替换,每一行放双引号中,行末加逗号。。。

具体操作及截图如下:

(1)、代码中的变量用“$1”,“$2”,“$3”....等替换

(2)、在文本编辑器或者vscode中将缩进用\t替换

(3)、将代码中的双引号用 \" 替换,

执行2和3后的截图

(4)、每一行用双引号包裹,行末加逗号。

 vscode中的正则替换

 处理好后的代码截图

2 配置JavaScript.json

配置项说明:

{
    "代码片段名": {
        "prefix": "前缀,即使用时输入的字段",
        "body": [
            生成的代码块
        ],
        "description": "描述"
    },
}

处理步骤如下:

(1)、打开JavaScript.json文档

输入java,点击JavaScript.json即可

 (2)配置

 (3)在js、vue等文件中测试配置的代码块,输入前缀回车,即可自动生成配置的代码

 

自动生成的代码:

 

标签:片段,JavaScript,双引号,vscode,代码,配置,js,替换
From: https://www.cnblogs.com/weimengjiacan/p/17839547.html

相关文章

  • vscode插件:koroFileHeader(添加注释文件头)
    第一步:安装插件koroFileHeader。如下图1 第二步:配置setting。将下面的json代码配置到setting中。"fileheader.configObj":{"createFileTime":true,"language":{"languagetest":{"head":"/$$",......
  • 2023-11-17 记录formly+antd+dayjs的shortcuts设置筛选项全部、昨天、今天
    业务中需要用到formly+antd的组件DatePicker日期组件,其中要给该组件添加筛选项(如:全部、昨天、今天),日期的格式化用到了日期插件dayjs(注意不是momentjs)shortcuts=[{text:'全部',onClick:()=>([null,null])},...shortcutsData]如果只是设置昨天或者今天,只需传开始和结束......
  • JSON 格式的接口测试流程【Eolink Apikit】
    在进行JSON格式的接口测试时,需要使用工具发送HTTP请求并获取响应。测试工具可以是单独的测试框架,如EolinkApikit。测试人员需要根据接口文档和测试用例编写测试脚本,然后运行测试并分析结果,以确保接口的质量和稳定性。当我们后端需要从前端拿到这些JSON数据,我们应该如何测试自己......
  • Nodejs打包构建时长优化
    优化策略底层软件硬件调整CI过程中主要的压力还是集中在IO方向,增加CI节点提高整个CI池子的容量,把之前节点使用的硬盘更换为SSD可以增加IO吞吐量。同时把用于CI的node节点在K8S集群中隔离开来,让CI服务独享这些资源避免与其他资源发生抢占。CI工作台优化优化CI工作台的代码,减......
  • nodejs项目打包提速
    node打包耗时分析             插件安装    cnpmi hard-source-webpack-plugin    官方地址      https://www.npmjs.com/package/hard-source-webpack-plugin    配置之后初次打包会觉得没什么差异,主要是会先......
  • js-转译
    varHtmlUtil={/*1.用浏览器内部转换器实现html编码(转义)*/htmlEncode:function(html){//1.首先动态创建一个容器标签元素,如DIVvartemp=document.createElement("div");//2.然后将要转换的字符串设置为这个元素......
  • 纯css js 写出星空背景
     每次刷新星星的位置都是随机的,可以根据自己需求调整星星的数量和位置,具体代码如下,直接复制就可运行1<!DOCTYPEhtml>2<html>3<head>4<title>RandomStarrySky</title>5<style>6body{7margin:0;8overflow:......
  • Spring Boot 访问静态资源css/js
    一、前言我们用SpringBoot搭建Web应用时(如搭建一个博客),经常需要在Html中访问一些静态资源,比如:css样式;js脚本;favicon.ico图标等;而在SpringBoot中如果没有做任何配置,是无法直接访问静态资源的,通常会报404错误二、SpringBoot访问静态资源的默认目录SpringBoot访问......
  • 解析json
    result.SetSuccess(Util.TryGetJSONObject<JObject>("{\"obj\":{\"reply\":\""+row.response+"\"},\"code\":"+0+"}")); {"Success":true,"Message&......
  • js内置对象
    Js标准内置对象ObjectObject是JavaScript的一种数据类型。它用于存储各种键值集合和更复杂的实体。可以通过Object()构造函数或者使用对象字面量的方式创建对象。Object.assign()Object.assign()静态方法将一个或者多个源对象中所有可枚举的自有属性复制到目标对象,并返......