如何用sublime編寫代碼塊

來(lái)源：懂視網(wǎng) 責(zé)編：小采時(shí)間：2020-11-27 20:13:21

如何用sublime編寫代碼塊

如何用sublime編寫代碼塊:今天在用canvas繪圖時(shí)，看到有許多相同的代碼，就想介紹sublime里面為了加快代碼編寫，而采用代碼片段。這里只寫我了解的。其他需要，請(qǐng)讀者自行了解。打開位置,見下圖：打開頁(yè)面例子<snippet> <content> <![CDATA[ <

推薦度：

點(diǎn)擊下載本文 文檔為doc格式

導(dǎo)讀如何用sublime編寫代碼塊:今天在用canvas繪圖時(shí)，看到有許多相同的代碼，就想介紹sublime里面為了加快代碼編寫，而采用代碼片段。這里只寫我了解的。其他需要，請(qǐng)讀者自行了解。打開位置,見下圖：打開頁(yè)面例子<snippet> <content> <![CDATA[ <

今天在用canvas繪圖時(shí)，看到有許多相同的代碼，就想介紹sublime里面為了加快代碼編寫，而采用代碼片段。
這里只寫我了解的。其他需要，請(qǐng)讀者自行了解。

打開位置,見下圖：

snippet

打開頁(yè)面

snippet

例子

<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>下面圖片和上面代碼塊一樣的內(nèi)容，為了說(shuō)明清楚，加的圖片：

snippet