>웹 프론트엔드 >JS 튜토리얼 >Sublime으로 코드 블록을 작성하는 방법

Sublime으로 코드 블록을 작성하는 방법

一个新手
一个新手원래의
2017-09-11 09:47:032579검색

今天在用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 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.