今天在用canvas绘图时,看到有许多相同的代码,就想介绍sublime里面为了加快代码编写,而采用代码片段。
这里只写我了解的。其他需要,请读者自行了解。
打开位置,见下图:
打开页面
例子
<snippet> <content> <![CDATA[ <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>${1}</title> </head> <body> <canvas id="demo"> </canvas> <script> (function() { var canvas = document.getElementById('demo'); canvas.width = ${2:agewg}; canvas.height = ${3}; canvas.style.border = '1px solid #000'; var ctx = canvas.getContext('2d'); ${4} ctx.stroke(); })(); \$(function() { }); </script> </body> </html> ]]> </content> <!-- Optional: Set a tabTrigger to define how to trigger the snippet --> <tabTrigger>cans</tabTrigger> <!-- Optional: Set a scope to limit where the snippet will trigger --> <!-- <scope>source.python</scope> --></snippet>下面图片和上面代码块一样的内容,为了说明清楚,加的图片:
保存
输入快捷键
以上是如何用sublime编写代码块的详细内容。更多信息请关注PHP中文网其他相关文章!