2022免费梯子appVS code设定增加自定义Emmets snippets程式-马克熊

VS code设定增加自定义Emmets snippets程式-马克熊

-

emmets是coding的各位必用的功能,而在VS code这款IDE上要如何自己写想要的emmet指令呢,这边教给大家

像我想要定义我打下「un」按下tab键後就会有

<img src="http://unsplash.it/60/80" alt=pic >

这一行的img tag。

首先我们先打开vs code 的 code

再来打开preferences的user snippets

然後输入要使用什麽语言时可以使用这个emmet,这边范例:html

然後系统会开一个json档案给你编辑。

这边给一个小技巧是打下sn就会有emmets可以用,我们把它展开会长这样:

{"snippetName": {"prefix": "prefix","body": "snippet","description": "description"}}

我依序输入

{"unsplash": {"prefix": "un","body": "<img src="http://unsplash.it/$1/$2" alt=$3 >","description": "for fake pictures"}}

snippetname:这个快捷键的名称(自己取)

prefix(重要):要输入什麽然後按下tab可以展开body(重要):展开什麽。body中,可以用$1、$2、$3去编辑展开後想要tab停在哪里。$1是第一次展开完会跳到的地方,$2是按第二次tab会跳到的地方,依此类推。挺实用的!最後按下储存,就大功告成拉!回到html文件试试看吧!每一个IDE自订emmets的格式都不太一样,虽然大部分都是用snippets的方式,但是格式些微不同。这边提供的是用在VS code这款IDE上面。*後来熊熊自己在增加snippet的时候,发现都没用,结果检查一下发现,原来是我家错档案了,原本要家给less的emmet却加在html的档案里。所以大家如果发现设定好後没有效果的话,可以看是不是加错档案呦。*本来想说会不会要重新打开程式新增的Snippet才会进去,结果发现在VS code里面是不用的呦!加完储存就会有了。

0 0 投票数
Article Rating
订阅评论
提醒
guest
0 Comments
内联反馈
查看所有评论

最新文章

传 Google 将放弃与博通合作,自行开发 AI 晶片

雪上加霜的是,南韩反垄断机构同日宣布,将暂时对博通以及其附属公司处以 191 亿韩元 (合 1,420 万美元) 的罚款。

共庆 Google Cloud 区域在台十周年 Google Cloud Summit Taipei 邀您智转未来,迈向下一个十年

Google Cloud Summit Taipei 将在 10\/17~10\/18 於台北万豪酒店隆重登场,将分享这十年来的策略与展望。

Google 获得 AI 超进化!不只自动生成逐字稿,还能用 AI 分身代开会

新版 Google Meet 不只可以用 AI 自动写会议逐字稿,还能总结会议重点摘要,让就算是没有参加会议的人,也可以在事後获得这场会议的重点文字档!

AI 用歌手声音产音乐要合法了?传 Google 与环球、华纳音乐协商中

Google 正在与环球音乐和华纳音乐等公司协商,拟开发音乐 AI 工具,并将歌手授权声音和音乐给 AI 使用,来让粉丝合法生歌曲的同时,版权拥有者也能分到利润。

Google 吸引员工回办公室的大绝:入住「办公区饭店」特价一晚 99 美元

Google 对内广告文案还强调入住有许多好处,「想像一下早上不必通勤上班,可以直接多睡一小时;结束工作後,可以直接在房间阳台上度过一个宁静的夜晚。」

地热发电创里程碑!首次用石油技术,成功藉地热产出 3.5 兆瓦电力

Fervo Energy 采用增强型地热系统,於内华达州北部钻了两口井,透过注入液体由地热加热後,再来产出电力。 2021 年也与 Google 合作,将提供乾净能源给 Google 的数据中心。

热门文章

传 Google 将放弃与博通合作,自行开发 AI 晶片

雪上加霜的是,南韩反垄断机构同日宣布,将暂时对博通以及其附属公司处以 191 亿韩元 (合 1,420 万美元) 的罚款。

共庆 Google Cloud 区域在台十周年 Google Cloud Summit Taipei 邀您智转未来,迈向下一个十年

Google Cloud Summit Taipei 将在 10\/17~10\/18 於台北万豪酒店隆重登场,将分享这十年来的策略与展望。
0
希望看到您的想法,请您发表评论x