阳谷建网站,网站开发不懂英语,建筑人才网招聘官网登录,网站策划制作公司1、创建配置文件#xff1a;
其一、打开 VSCode #xff0c;CtrlShiftP, 打开搜索框#xff1a; 其二、输入#xff1a;user, 并点击进去 Snippets:Configure User Snippets 其三、输入 vue3js 并回车#xff1a; 其四、打开项目#xff0c;发现配置文件 vue3js.code-sn…1、创建配置文件
其一、打开 VSCode CtrlShiftP, 打开搜索框 其二、输入user, 并点击进去 Snippets:Configure User Snippets 其三、输入 vue3js 并回车 其四、打开项目发现配置文件 vue3js.code-snippets 2、配置快捷方式
其一、在该配置文件 vue3js.code-snippets 中输入配置信息 // 此时生成的代码模板中只有单引号
{Print to console: {prefix: v3js,body: [template, div/div,/template,,script setup,import { ref, reactive } from vue,,/script, ,style langscss scoped,,/style,],description: Log output to console}
} // 此时生成的代码模板中双引号的展示方法(即模板中展示双引号)
{Print to console: {prefix: v3js,body: [template, div/div,/template,,script setup,import { ref, reactive } from \vue\,,/script, ,style lang\scss\ scoped,,/style,],description: Log output to console}
}
其二、vue3js.code-snippets 配置信息解读
A、“prefix” 属性指生成模板的名称
配置完成后在 .vue 文件中输入该字符串后点击回车会生成定义好的模板(即在 vue3js.code-snippets 中配置的信息)
B、“body”属性指要生成的代码模板
可以根据自己实际需求来配值相应代码模板;
3、测试快捷方式
其一、测试的过程
// 此时在 .vue 中输入快捷键: v3js , 然后回车就能在页面展示在 vue3js.code-snippets 中配置的模板 其二、配置 vue 模板快捷方式的另一种方法
A、直接在项目种创建 .vscode 文件 B、在 .vscode 文件夹种创建 vue3js.code-snippets 文件并添加配置的 vue 模板的信息 4、小结
其一、哪里有不对或不合适的地方还请大佬们多多指点和交流 其二、若有转发或引用本文章内容请注明本博客地址(直接点击下面 url 跳转) https://blog.csdn.net/weixin_43405300,创作不易且行且珍惜 其三、有兴趣的话可以多多关注这个专栏(Vue(Vue2Vue3)面试必备专栏)(直接点击下面 url 跳转)https://blog.csdn.net/weixin_43405300/category_11525646.html?spm1001.2014.3001.5482