很多同学会有疑问,为什么我看到很多大牛的视频里面敲代码的时候,输入一个template,就会出现一大块代码。
为什么我输入一个template,只有这一个单词,啥也没出来
别墨迹,快解决
闲话不多说,我们就来聊一聊如何–懒省事(在VsCode里面设置自定义的模板)
首先:我们要找到这个模板设置的入口
在文件 – > 首选项 – > 用户代码片段
选中以后,会出现下面这个输入框,假如你想设置.vue文件的模板,可以新建一个vue.json全局代码片段文件,输入vue.json然后回车。
好了,接下来你可以把那些没必要的注释删掉,只需要在这个json文件里面输入以下内容
好吧,解释一下
这里的prefix是你在编辑器里输入的内容,就好像创建html文件的时候,输入的英文感叹号
body就是你回车以后出现的内容
注意,这里的body是一个数组,每一行的内容都是数组里的每一项,并且需要用引号引起来。
是不是跟着敲好了?
接下来,保存之后,就可以回到我们的.vue文件里面尝试一下
当然如果你觉得这还不够,我们依旧可以在那个json文件里面继续输入
接下来你就可以输入”js”,就能出现下面body里面的代码。
太棒了,我们已经知道了如何创建一个小的片段
那么我们为何不一步到位,直接创建一个完整的vue文件模板呢?
接下来好心的我吧代码贴出来,直接拿去用吧!!!
{
"vue-template": {
"prefix": "vue",
"body": [
"<template>",
" <div></div>",
"</template>",
"",
"<script>",
"export default {",
" data() {",
" return {};",
" },",
"",
" components: {},",
"",
" computed:{},",
"",
" mounted () {},",
"",
" methods: {},",
"}",
"</script>",
"",
"<style scoped lang='scss'>",
"",
"</style>",
]
}
}
最后输入”vue”,就能直接出现这个代码模板了
这个功能不只是可以设置模板,我们还能把偷懒发挥到极致——
比方说:你在写标签的时候,一些新增的语义化标签的代码提示并不完整,嘿嘿嘿…推到
比方说:
fi”,嘿嘿嘿…继续推到
比方说:我们常用的方法console.log() ,就改成log吧,嘿嘿嘿…统统推到
代码谁能比我写的快?还有谁???
这里给大家分享一份Python全套学习资料,包括学习路线、软件、源码、视频、面试题等等,都是我自己学习时整理的,希望可以对正在学习或者想要学习Python的朋友有帮助!
CSDN大礼包:全网最全《全套Python学习资料》免费分享🎁
😝有需要的小伙伴,可以点击下方链接免费领取或者V扫描下方二维码免费领取🆓
👉CSDN大礼包🎁:全网最全《Python学习资料》免费分享(安全链接,放心点击)👈
1️⃣零基础入门
① 学习路线
对于从来没有接触过Python的同学,我们帮你准备了详细的学习成长路线图。可以说是最科学最系统的学习路线,你可以按照上面的知识点去找对应的学习资源,保证自己学得较为全面。
② 路线对应学习视频
还有很多适合0基础入门的学习视频,有了这些视频,轻轻松松上手Python~
③练习题
每节视频课后,都有对应的练习题哦,可以检验学习成果哈哈!
因篇幅有限,仅展示部分资料
2️⃣国内外Python书籍、文档
① 文档和书籍资料
3️⃣Python工具包+项目源码合集
①Python工具包
学习Python常用的开发软件都在这里了!每个都有详细的安装教程,保证你可以安装成功哦!
②Python实战案例
光学理论是没用的,要学会跟着一起敲代码,动手实操,才能将自己的所学运用到实际当中去,这时候可以搞点实战案例来学习。100+实战案例源码等你来拿!
③Python小游戏源码
如果觉得上面的实战案例有点枯燥,可以试试自己用Python编写小游戏,让你的学习过程中增添一点趣味!
4️⃣Python面试题
我们学会了Python之后,有了技能就可以出去找工作啦!下面这些面试题是都来自阿里、腾讯、字节等一线互联网大厂,并且有阿里大佬给出了权威的解答,刷完这一套面试资料相信大家都能找到满意的工作。
5️⃣Python兼职渠道
而且学会Python以后,还可以在各大兼职平台接单赚钱,各种兼职渠道+兼职注意事项+如何和客户沟通,我都整理成文档了。
上述所有资料 ⚡️ ,朋友们如果有需要 📦《全套Python学习资料》的,可以扫描下方二维码免费领取 🆓
😝有需要的小伙伴,可以点击下方链接免费领取或者V扫描下方二维码免费领取🆓
👉CSDN大礼包🎁:全网最全《Python学习资料》免费分享(安全链接,放心点击)👈
今天的文章VsCode常用设置(新手学习入门必备!)[通俗易懂]分享到此就结束了,感谢您的阅读。
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。
如需转载请保留出处:https://bianchenghao.cn/81485.html
![VsCode常用设置(新手学习入门必备!)[通俗易懂]插图1 VsCode常用设置(新手学习入门必备!)[通俗易懂]](https://img.bianchenghao.cn/app/bianchenghao_cn/fc11367e43964e698bcea592a0d553da.png)
![VsCode常用设置(新手学习入门必备!)[通俗易懂]插图3 VsCode常用设置(新手学习入门必备!)[通俗易懂]](https://img.bianchenghao.cn/app/bianchenghao_cn/986142b518f144e58cf2c918fbee4cd4.png)
![VsCode常用设置(新手学习入门必备!)[通俗易懂]插图5 VsCode常用设置(新手学习入门必备!)[通俗易懂]](https://img.bianchenghao.cn/app/bianchenghao_cn/2a2506281cbb4038ab778841216c5d86.png)
![VsCode常用设置(新手学习入门必备!)[通俗易懂]插图7 VsCode常用设置(新手学习入门必备!)[通俗易懂]](https://img.bianchenghao.cn/app/bianchenghao_cn/30e139b79fdb41658ae8ddd6f0c1e8bb.png)
![VsCode常用设置(新手学习入门必备!)[通俗易懂]插图9 VsCode常用设置(新手学习入门必备!)[通俗易懂]](https://img.bianchenghao.cn/app/bianchenghao_cn/c3e1afeecf4d4e02a1833cea3bc93daa.png)
![VsCode常用设置(新手学习入门必备!)[通俗易懂]插图11 VsCode常用设置(新手学习入门必备!)[通俗易懂]](https://img.bianchenghao.cn/app/bianchenghao_cn/acaa86b0ceb24dc1a9fa4c28d2e85b3a.png)
![VsCode常用设置(新手学习入门必备!)[通俗易懂]插图13 VsCode常用设置(新手学习入门必备!)[通俗易懂]](https://img.bianchenghao.cn/app/bianchenghao_cn/6e7dadc309bb4e71a9cd5c4c9608d9f4.png)
![VsCode常用设置(新手学习入门必备!)[通俗易懂]插图15 VsCode常用设置(新手学习入门必备!)[通俗易懂]](https://img.bianchenghao.cn/app/bianchenghao_cn/c3cf56307e9a41c19a30830e8d5cc161.png)
![VsCode常用设置(新手学习入门必备!)[通俗易懂]插图17 在这里插入图片描述](https://img.bianchenghao.cn/app/bianchenghao_cn/208c40ace96a4fc794909acade1ff402.png)
![VsCode常用设置(新手学习入门必备!)[通俗易懂]插图19 在这里插入图片描述](https://img.bianchenghao.cn/app/bianchenghao_cn/0a2a0d16aa9644fabb13e38163a1de45.jpeg)
![VsCode常用设置(新手学习入门必备!)[通俗易懂]插图21 在这里插入图片描述](https://img.bianchenghao.cn/app/bianchenghao_cn/447d9c51d52e49b2b24d3cb1ef99c9eb.gif)
![VsCode常用设置(新手学习入门必备!)[通俗易懂]插图23 在这里插入图片描述](https://img.bianchenghao.cn/app/bianchenghao_cn/2bd6a6ef88b444ffb2c7db809d9e3f72.gif)
![VsCode常用设置(新手学习入门必备!)[通俗易懂]插图25 在这里插入图片描述](https://img.bianchenghao.cn/app/bianchenghao_cn/21799808bb6646ec9e97b5b8d79183d6.png)
![VsCode常用设置(新手学习入门必备!)[通俗易懂]插图27 在这里插入图片描述](https://img.bianchenghao.cn/app/bianchenghao_cn/39c46b51c2b14d80b14bde3646293f18.png)
![VsCode常用设置(新手学习入门必备!)[通俗易懂]插图29 在这里插入图片描述](https://img.bianchenghao.cn/app/bianchenghao_cn/8753b1c9c3d8442ab197957557319e2f.png)
![VsCode常用设置(新手学习入门必备!)[通俗易懂]插图31 在这里插入图片描述](https://img.bianchenghao.cn/app/bianchenghao_cn/c7a5239f451249788c30ba00afa68cd2.png)
![VsCode常用设置(新手学习入门必备!)[通俗易懂]插图33 在这里插入图片描述](https://img.bianchenghao.cn/app/bianchenghao_cn/ef59dcce57d6477781515cceae5ae6b3.png)
![VsCode常用设置(新手学习入门必备!)[通俗易懂]插图35 在这里插入图片描述](https://img.bianchenghao.cn/app/bianchenghao_cn/403639cba0884478ac8358a5ec66e6f3.png)
![VsCode常用设置(新手学习入门必备!)[通俗易懂]插图37 在这里插入图片描述](https://img.bianchenghao.cn/app/bianchenghao_cn/62c7f3b8053d4c10be593c290feb9308.gif)