VsCode常用设置，新手必备！

相信有不少同学在看大神进行代码开发的时候只输入了几行代码，之后编译器自动生成了一串代码，那么你知道是怎么做到的吗？

闲话不多说，今天小千就来聊一聊如何–懒省事（在VsCode里面设置自定义的模板）

首先：我们要找到这个模板设置的入口，在文件 - > 首选项 - > 用户代码片段

选中以后，会出现下面这个输入框，假如你想设置.vue文件的模板，可以新建一个vue.json全局代码片段文件，输入vue.json然后回车。

好了，接下来你可以把那些没必要的注释删掉，只需要在这个json文件里面输入以下内容

好吧，解释一下

这里的prefix是你在编辑器里输入的内容，就好像创建html文件的时候，输入的英文感叹号

body就是你回车以后出现的内容

注意，这里的body是一个数组，每一行的内容都是数组里的每一项，并且需要用引号引起来。

是不是跟着敲好了？

接下来，保存之后，就可以回到我们的.vue文件里面尝试一下

当然如果你觉得这还不够，我们依旧可以在那个json文件里面继续输入

接下来你就可以输入”js”，就能出现下面body里面的代码。

抓紧去试试吧~~~

本文来自千锋教育，转载请注明出处。

VsCode常用设置，新手必备！相关推荐

vscode常用设置
喜欢vscode是因为如下几个优点:轻量级.跨平台.插件丰富.代码跟踪功能等. 记录下自己常用的配置方法. 查看该系统版本的vscode的所有"键盘快捷方式"在标题栏"帮 ...
VScode常用插件_AE必备插件
文章目录官网地址基础插件 html CSS Support HTML Snippets HTMLHint stylelint JavaScript (ES6) code snippets ESLi ...
div设置高度 vue_VsCode常用设置（新手必备！）
很多同学会有疑问,为什么我看到很多大牛的视频里面敲代码的时候,输入一个template,就会出现一大块代码. 为什么我输入一个template,只有这一个单词,啥也没出来别墨迹,快解决闲话不多说, ...
mac新手必备之mac常用快捷键整理
mac新手必备之mac常用快捷键整理 Mac键盘与普通电脑键盘的区别 mac新手必备之mac常用快捷键 mac上剪切.拷贝.粘贴和其他常用快捷键 mac上睡眠.退出登录和关机快捷键访达和系统快捷键 ...
VSCode常用插件和字体设置
插件名说明 open in browser 浏览器中打开 live server 实时预览 prettier 代码格式化 Auto Close Tag Chinese (Simplified) Au ...
vscode输入vue自动_vscode配置总结可收藏/vscode用户设置大全/vue代码模板，vscodevue...
vscode配置总结可收藏/vscode用户设置大全/vue代码模板,vscodevue //用户设置 { //-------- 搜索配置 -------- "search.excl ...
前端VSCode常用插件安装和使用
本篇文章先介绍下常见的插件~~~~ VSCode常用的插件 vscode之所以被称为宇宙第一神器,其中丰富的插件功不可没,安装起来超级简单,给我们开发带来了极大的便捷. 注意,新手学习期间,不建议安装 ...
Windows 服务器配置、运行、图文流程(新手必备!) - IIS建站配置一条龙
Window 2008 服务器的配置教程本文提供全流程,中文翻译. Chinar 坚持将简单的生活方式,带给世人! (拥有更好的阅读体验 -- 高分辨率用户请根据需求调整网页缩放比例) Chinar ...
Windows IIS服务器建站/网站配置全图文流程(新手必备!) 一条龙
阿里ECS云服务器购买配置全教程本文提供全图文流程,中文翻译. Chinar 坚持将简单的生活方式,带给世人! (拥有更好的阅读体验 -- 高分辨率用户请根据需求调整网页缩放比例) Chinar - ...

VsCode常用设置，新手必备！

VsCode常用设置，新手必备！相关推荐

最新文章

热门文章