什么用
定义snippets的时候用
比如
![在这里插入图片描述](https://img-blog.csdnimg.cn/27d246121c6848509f0c3c60708593d3.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBAYmlsbHljb2Rlcg==,size_20,color_FFFFFF,t_70,g_se,x_16)
vscode怎么拼
把
<template lang="">
<div>
{{ msg }}
<input type="button" @click="handleClick" value="点我">
</div>
</template>
<script>
export default {
data() {
return {
msg: "hello billy",
};
},
methods: {
handleClick() {
alert('handleClick')
},
},
watch: {
msg(newValue, oldValue) {
},
},
computed: {
name() {
return this.msg;
},
},
};
</script>
<style lang="">
</style>
变成
"<template lang="">"+
" <div>"+
" {{ msg }}"+
" <input type="button" @click="handleClick" value="点我">"+
" </div>"+
"</template>"+
"<script>"+
"export default {"+
" data() {"+
" return {"+
" msg: \"hello billy\","+
" };"+
" },"+
" methods: {"+
" handleClick() {"+
" alert('handleClick')"+
" },"+
" },"+
" watch: {"+
" msg(newValue, oldValue) {"+
" "+
" },"+
" },"+
" computed: {"+
" name() {"+
" return this.msg;"+
" },"+
" },"+
"};"+
"<\/script>"+
"<style lang=\"\">"+
""+
"</style>"
怎么变
新建一个文件,进行两步正则替换
替换首
![在这里插入图片描述](https://img-blog.csdnimg.cn/b92c6d20d688472aab2edcbfb16aa788.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBAYmlsbHljb2Rlcg==,size_20,color_FFFFFF,t_70,g_se,x_16)
替换尾
![在这里插入图片描述](https://img-blog.csdnimg.cn/5759c65e689b47f9b439f170c4049585.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBAYmlsbHljb2Rlcg==,size_20,color_FFFFFF,t_70,g_se,x_16)
再做加一些转义字符串微调
![在这里插入图片描述](https://img-blog.csdnimg.cn/66c824936fe647048486558b9dd18f11.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBAYmlsbHljb2Rlcg==,size_20,color_FFFFFF,t_70,g_se,x_16)
当然
在webstorm中
var str = “粘贴想要粘贴的内容”,他会自动帮你转
不想单独创建一个文件,可以"在选定内容中查找"
![在这里插入图片描述](https://img-blog.csdnimg.cn/b442649ac3c942419c21489f1754ed0e.png)
如果有其他更好的方式就好了,我觉得已经挺好的了
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)