首頁 > web前端 > js教程 > 如何用sublime寫程式碼區塊

如何用sublime寫程式碼區塊

一个新手
發布: 2017-09-11 09:47:03
原創
2581 人瀏覽過

今天在用canvas绘图时,看到有许多相同的代码,就想介绍sublime里面为了加快代码编写,而采用代码片段。
这里只写我了解的。其他需要,请读者自行了解。

打开位置,见下图:

如何用sublime寫程式碼區塊

  • 打开页面

    如何用sublime寫程式碼區塊

  • 例子

<如何用sublime寫程式碼區塊>
    <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(&#39;demo&#39;);
        canvas.width = ${2:agewg};
        canvas.height = ${3};
        canvas.style.border = &#39;1px solid #000&#39;;
        var ctx = canvas.getContext(&#39;2d&#39;);
       ${4}
        ctx.stroke();
    })();
     \$(function() {

  });
    </script>
</body>
</html>
]]>
    </content>
    <!-- Optional: Set a tabTrigger to define how to trigger the 如何用sublime寫程式碼區塊 -->
    <tabTrigger>cans</tabTrigger>
    <!-- Optional: Set a scope to limit where the 如何用sublime寫程式碼區塊 will trigger -->
    <!-- <scope>source.python</scope> --></如何用sublime寫程式碼區塊>下面图片和上面代码块一样的内容,为了说明清楚,加的图片:
登入後複製

如何用sublime寫程式碼區塊

如何用sublime寫程式碼區塊

  • 保存
    如何用sublime寫程式碼區塊

  • 输入快捷键

如何用sublime寫程式碼區塊

以上是如何用sublime寫程式碼區塊的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板