vue添加html片段,VSCode--HTML代码片段(基础版,react、vue、jquery)

起因是最近在学习前端,看的网上的demo也是在react、vue、jquery之间穿插,为了方便一键生成html模板(懒)写demo,有了以下折腾。

本人使用的前端编辑工具是vscode(方便、懒),可配置成中文界面,很友好,丰富的第三方插件,真香。以下是基于vscode设置的html代码片段:

1. 文件->首选项->用户代码片段

0ed920eea9d396edd3bf7e9b2cdb20d4.png

2. 输入html,打开第一个html.json文件

17419a797c95c8031528dc07999cdcd1.png

3.编辑json文件,内容如下。unpkg被墙,这里使用的是cdn镜像(https://cdnjs.com/)

{

"!": {

"prefix": "!", // 触发的关键字 输入!按下tab键

"body": [

"",

"",

"",

"

",

" ",

" ",

" ",

"

Document",

"

" #app{",

"",

" }",

" ",

"",

"",

"

",

"

"

" ",

"",

"",

"",

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值