简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
首頁 > web前端 > js教程 > 主體

如何用sublime寫程式碼區塊

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

今天在用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中文網其他相關文章！

相關標籤：
sublime 程式碼 編寫
來源：php.cn
上一篇：node.js 發佈訂閱模式實例講解 下一篇：基於node.js的fs核心模組完成檔案的讀寫操作實例詳解
本網站聲明
本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn
作者最新文章
最新問題
function_exists()無法判定自訂函數 function test()    {        return true;    }    if (function_exists('TEST')) {        ech...
來自於 2024-04-29 11:01:01
0
2
1531
google 瀏覽器 手機版顯示的怎麼實現 老師您好，google 瀏覽器怎麼變成手機版樣式的？
來自於 2024-04-23 00:22:19
0
10
1686
子窗口操作父窗口，輸出沒反應 前兩句可執行，最後一句沒辦法應
來自於 2024-04-19 15:37:47
0
1
1435
父視窗沒有輸出 document.onclick = function(){ window.opener.document.write('我是子視窗的輸出');                  ...
來自於 2024-04-18 23:52:34
0
1
1364
關於CSS心智圖的課件在哪？ 課件
來自於 2024-04-16 10:10:18
0
0
1411
相關專題
更多>
熱門推薦
熱門教學
更多>
相關教學
熱門推薦
最新課程
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網：公益線上PHP培訓，幫助PHP學習者快速成長！