在 VS Code 的 User Snippets 中使用美元符号 $ 失败的问题

末蓝、 2024-05-24 03:28 24阅读 0赞

## 在 VS Code 的 User Snippets 中使用美元符号 $ 失败的问题 ##

在日常工作里经常会用到一些常用的代码片段, 比如创建一个 `.vue` 文件的初始结构, 所以我会选择在 `VS Code` 的 `User Snippet` 中创建一个代码片段, 如下

{
        
    	"Print to console": {
        
    		"scope": "vue",
    		"prefix": "vue1",
    		"body": [
    			"<template></template>",
    			"<script>",
    			"export default {",
    			"  mounted() {",
    			"   this.$forceUpdate()",
    			"  }",
    			"}",
    			"</script>"
    		],
    		"description": "Log output to console"
    	}
    }

![在这里插入图片描述][982c5befc1cc4c70b24e9fac68750292.gif_pic_center]

可以发现, 我们代码中的 `$` 不见了, 这是因为在 `User Snippet` 中 `$` 加数字被用来作为后续自定义输入的位置, 所以如果我们想要保留 `$`, 就必须转义, 使用 `\\$`

{
        
    	"Print to console": {
        
    		"scope": "vue",
    		"prefix": "vue1",
    		"body": [
    			"<template></template>",
    			"<script>",
    			"export default {",
    			"  mounted() {",
    			"   this.\\$forceUpdate()",
    			"  }",
    			"}",
    			"</script>"
    		],
    		"description": "Log output to console"
    	}
    }

![在这里插入图片描述][9b4774259e1b466496953e2da8727228.gif_pic_center]  
哈哈, 完成了, 谢谢你看到这里?

[982c5befc1cc4c70b24e9fac68750292.gif_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/05/24/eaf341c10dbc436c8b81d691b3fed8ed.gif
[9b4774259e1b466496953e2da8727228.gif_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/05/24/a53f298a34944f89bec9f6d5ad309b0e.gif

发表评论取消回复

表情：

评论列表（有 0 条评论，24人围观）

还没有评论，来说两句吧...

相关阅读

相关在 VS Code 的 User Snippets 中使用美元符号 $ 失败的问题

加数字被用来作为后续自定义输入的位置, 所以如果我们想要保留。在日常工作里经常会用到一些常用的代码片段, 比如创建一个。文件的初始结构, 所以我会选择在。中创建一个代码片...

末蓝、/ 2024年05月24日 03:28/ 0 赞/ 25 阅读

相关 Vs Code的使用

在上一章中有使用到Vs Code但是没有相关的介绍。什么是Vs Code？ 1、vscode是Microsoft公司在美国的一个项目：一个跨平台的源代码编辑器，用于在

叁歲伎倆/ 2024年03月30日 10:22/ 0 赞/ 25 阅读

相关 VS Code的基本使用

1.Bracket Pair Colorizer：让括号拥有独立的颜色，易于区分。可以配合任意主题使用。 2.open in browser 运行时在浏览器打开

我就是我/ 2023年08月17日 16:41/ 0 赞/ 22 阅读

相关 VS Code的使用

前言 > 文章标题：《第一次使用 VS Code 时你应该知道的一切配置》。本文的最新内容，更新于 2020-06-19。大家完全不用担心这篇文章会过时，因为随着 VS

今天药忘吃喽~/ 2022年11月14日 00:47/ 0 赞/ 729 阅读

相关 mysql中美元符号_Mybatis中#号和美元符号$符号的区别

1.\\{变量名\}可以进行预编译、类型匹配等操作，\\{变量名\}会转化为jdbc的类型。 select \ from tableName where id = \\{id

心已赠人/ 2022年10月27日 13:38/ 0 赞/ 174 阅读

相关 Linux Shell中的美元符号$

linux脚中经常会遇到一大堆美元符号 ($)，有些符号容易搞混，他们代表的含义我做个记录： $0 shell的命令本身(包括完整路径) $1到$9 数字表示shell 的第

比眉伴天荒/ 2022年09月30日 06:18/ 0 赞/ 206 阅读

相关【Code-Snippet】ViewStub

1. 特性 ViewStub 是一个不可见，size为0的View，它通常用于在适当的时机去懒加载布局。一旦 ViewStub 设置为 Visible 或者

太过爱你忘了你带给我的痛/ 2022年01月20日 15:51/ 0 赞/ 166 阅读

相关 Code Snippets

在编写代码中，默认下按Ctrl+K,X 两下Tab键 ctor constructor 在C:\\Program Files\\Microsoft Visual Studi

怼烎@/ 2021年12月24日 10:13/ 0 赞/ 209 阅读

相关善用VS中的Code Snippet来提高开发效率分类： C# ...

前言在[谈谈VS中的模板][VS]中，我介绍了如何创建项目/项模板，这种方式可以在创建项目时省却不少重复性的工作，从而提高开发效率。在创建好了项目和文件后，就得开

Myth丶恋晨/ 2021年10月19日 15:14/ 0 赞/ 292 阅读

相关 Vs Code的使用

Vs Code的使用在上一章中有使用到Vs Code但是没有相关的介绍。什么是Vs Code？ 1、vscode是Microsoft公司在美国的一个项目：一个跨平台的...

朱雀/ 2020年06月26日 12:53/ 0 赞/ 1586 阅读