2023年6月26日 星期一

sublime text 套件

 

sublime text 套件


Bootstrap + SublimeText 網頁開發


SublimeText外掛


sublime snappet 

路徑:

C:\Users\myId\AppData\Roaming\Sublime Text 3\Packages\User

Hello World

<snippet>
<content><![CDATA[<!-- samchen_20230627_hellowold.sublime-snippet -->
<!doctype html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Bootstrap demo</title>
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-9ndCyUaIbzAi2FUVXJi0CjmCapSmO7SnpJef0486qhLnuZ2cdeRhO02iuK6FUUVM" crossorigin="anonymous">
  </head>
  <body>
    <h1>Hello, world!</h1>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js" integrity="sha384-geWF76RCwLtnZ8qwWowPQNguL3RmwHVBC9FhGdlKrxdiJJigb/j/68SIy3Te4Bkz" crossorigin="anonymous"></script>
  </body>
</html>
 ]]></content>
<tabTrigger>hw</tabTrigger>
<description>註解</description>
</snippet>

Fake Img

<snippet>
<content><![CDATA[<!--samchen_20230627_fakeimg_picsum.sublime-snippet -->
<img src="https://picsum.photos/300/200?random=10">]]></content>
<tabTrigger>fakeimg</tabTrigger>
<description>註解</description>
</snippet>

標籤： , , ,