VSCode快捷键

慢慢更新

  • html文件

在开头输入!后按Tab可快速生成html代码初始框架。效果:
在这里插入图片描述

  • vue文件(别的文件也可这么操作)

设置之后可输入vue回车即可生成模板

设置方法:
打开vscode-》文件-》首选项-》用户片段-》输入vue回车,会打开vue.json文件-》将vue.json文件内容改成下方代码即可。

{
 "Print to console": {
   "prefix": "vue",
   "body": [
     "<template>",
     "    <div>\n",
     "    </div>",
     "</template>",
     "<script>",
     "export default {",
     "   data() {",
     "      return {",
     "      }",
     "   },",
     "   created(){",
     "   },",
     "   computed:{",
     "   },",
     "   methods:{",
     "   },",
     "}",
     "</script>",
     "<style lang=\"scss\" scoped>\n",
     "</style>",
     "$2"
   ],
   "description": "Log output to console"
 }
}
  • ctl+N 新建undefined文件
  • alt+shift+鼠标拖动 垂直行编辑
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值