Soumettre la recherche
Mettre en ligne
Sublime text 極速應用教學
•
247 j'aime
•
43,023 vues
Amos Lee
Suivre
Sublime text3 速成上手教學 by Amos 教學影片 https://course.cool3c.com/p/sublime-amos
Lire moins
Lire la suite
Logiciels
Signaler
Partager
Signaler
Partager
1 sur 66
Télécharger maintenant
Télécharger pour lire hors ligne
Recommandé
版本控制 使用Git & git hub
版本控制 使用Git & git hub
維佋 唐
使用 laravel 的前與後
使用 laravel 的前與後
Shengyou Fan
(自分流)Gitの運用ルール
(自分流)Gitの運用ルール
Erina Takei
連哈秋都懂的Git教學
連哈秋都懂的Git教學
hydai
網頁三本柱之Html與css
網頁三本柱之Html與css
Aaron King
XunitとMoq 公開用
XunitとMoq 公開用
ESM SEC
Git Tutorial 教學
Git Tutorial 教學
Wen-Tien Chang
入門Ansible
入門Ansible
Taku SHIMIZU
Recommandé
版本控制 使用Git & git hub
版本控制 使用Git & git hub
維佋 唐
使用 laravel 的前與後
使用 laravel 的前與後
Shengyou Fan
(自分流)Gitの運用ルール
(自分流)Gitの運用ルール
Erina Takei
連哈秋都懂的Git教學
連哈秋都懂的Git教學
hydai
網頁三本柱之Html與css
網頁三本柱之Html與css
Aaron King
XunitとMoq 公開用
XunitとMoq 公開用
ESM SEC
Git Tutorial 教學
Git Tutorial 教學
Wen-Tien Chang
入門Ansible
入門Ansible
Taku SHIMIZU
Java ORマッパー選定のポイント #jsug
Java ORマッパー選定のポイント #jsug
Masatoshi Tada
Installing & Configuring IBM Domino 9 on CentOS
Installing & Configuring IBM Domino 9 on CentOS
Devin Olson
(2020-04)HPE SimpliVity node 關機
(2020-04)HPE SimpliVity node 關機
裝機安 Angelo
実運用して分かったRabbit MQの良いところ・気をつけること #jjug
実運用して分かったRabbit MQの良いところ・気をつけること #jjug
Yahoo!デベロッパーネットワーク
そうだったのか! よくわかる process.nextTick() node.jsのイベントループを理解する
そうだったのか! よくわかる process.nextTick() node.jsのイベントループを理解する
shigeki_ohtsu
ネットワーク自動化ツール紹介(Ansible・NAPALM編)
ネットワーク自動化ツール紹介(Ansible・NAPALM編)
akira6592
WPF4.5入門
WPF4.5入門
一希 大田
Redmineで地理空間情報を扱う、Redmine GTT (Geo-Task-Tracker) pluginの紹介
Redmineで地理空間情報を扱う、Redmine GTT (Geo-Task-Tracker) pluginの紹介
Ko Nagase
Introduction to Git
Introduction to Git
Lukas Fittl
Terraformで始めるInfrastructure as Code
Terraformで始めるInfrastructure as Code
Takahisa Iwamoto
Home NOC Operators' Group的 the Internet
Home NOC Operators' Group的 the Internet
Tomoya Takezaki
今こそ知りたいSpring Batch(Spring Fest 2020講演資料)
今こそ知りたいSpring Batch(Spring Fest 2020講演資料)
NTT DATA Technology & Innovation
你一定不能不知道的 Markdown 寫作技巧
你一定不能不知道的 Markdown 寫作技巧
Will Huang
GraalVMのJavaネイティブビルド機能でどの程度起動が速くなるのか?~サーバレス基盤上での評価~ / How fast does GraalVM's...
GraalVMのJavaネイティブビルド機能でどの程度起動が速くなるのか?~サーバレス基盤上での評価~ / How fast does GraalVM's...
Shinji Takao
Kibanaでsysstatを可視化する
Kibanaでsysstatを可視化する
Kensuke Maeda
Web api開発をするなら ドキュメントは自動生成にしておこう__ph_per_kaigi2021_
Web api開発をするなら ドキュメントは自動生成にしておこう__ph_per_kaigi2021_
Akito Tsukahara
Spring AMQP × RabbitMQ
Spring AMQP × RabbitMQ
Keisuke Nishitani
Linux-HA Japanプロジェクトのこれまでとこれから
Linux-HA Japanプロジェクトのこれまでとこれから
ksk_ha
MySQLレプリケーションあれやこれや
MySQLレプリケーションあれやこれや
yoku0825
ある工場の Redmine 2022 〜ある工場の Redmine 5.0 バージョンアップ〜 ( Redmine of one plant 2022 ...
ある工場の Redmine 2022 〜ある工場の Redmine 5.0 バージョンアップ〜 ( Redmine of one plant 2022 ...
Kohei Nakamura
Sublime Text 入門
Sublime Text 入門
Kah Wai Liew
智慧行動App跨國推廣經驗談 by 天橋科技
智慧行動App跨國推廣經驗談 by 天橋科技
Amos Lee
Contenu connexe
Tendances
Java ORマッパー選定のポイント #jsug
Java ORマッパー選定のポイント #jsug
Masatoshi Tada
Installing & Configuring IBM Domino 9 on CentOS
Installing & Configuring IBM Domino 9 on CentOS
Devin Olson
(2020-04)HPE SimpliVity node 關機
(2020-04)HPE SimpliVity node 關機
裝機安 Angelo
実運用して分かったRabbit MQの良いところ・気をつけること #jjug
実運用して分かったRabbit MQの良いところ・気をつけること #jjug
Yahoo!デベロッパーネットワーク
そうだったのか! よくわかる process.nextTick() node.jsのイベントループを理解する
そうだったのか! よくわかる process.nextTick() node.jsのイベントループを理解する
shigeki_ohtsu
ネットワーク自動化ツール紹介(Ansible・NAPALM編)
ネットワーク自動化ツール紹介(Ansible・NAPALM編)
akira6592
WPF4.5入門
WPF4.5入門
一希 大田
Redmineで地理空間情報を扱う、Redmine GTT (Geo-Task-Tracker) pluginの紹介
Redmineで地理空間情報を扱う、Redmine GTT (Geo-Task-Tracker) pluginの紹介
Ko Nagase
Introduction to Git
Introduction to Git
Lukas Fittl
Terraformで始めるInfrastructure as Code
Terraformで始めるInfrastructure as Code
Takahisa Iwamoto
Home NOC Operators' Group的 the Internet
Home NOC Operators' Group的 the Internet
Tomoya Takezaki
今こそ知りたいSpring Batch(Spring Fest 2020講演資料)
今こそ知りたいSpring Batch(Spring Fest 2020講演資料)
NTT DATA Technology & Innovation
你一定不能不知道的 Markdown 寫作技巧
你一定不能不知道的 Markdown 寫作技巧
Will Huang
GraalVMのJavaネイティブビルド機能でどの程度起動が速くなるのか?~サーバレス基盤上での評価~ / How fast does GraalVM's...
GraalVMのJavaネイティブビルド機能でどの程度起動が速くなるのか?~サーバレス基盤上での評価~ / How fast does GraalVM's...
Shinji Takao
Kibanaでsysstatを可視化する
Kibanaでsysstatを可視化する
Kensuke Maeda
Web api開発をするなら ドキュメントは自動生成にしておこう__ph_per_kaigi2021_
Web api開発をするなら ドキュメントは自動生成にしておこう__ph_per_kaigi2021_
Akito Tsukahara
Spring AMQP × RabbitMQ
Spring AMQP × RabbitMQ
Keisuke Nishitani
Linux-HA Japanプロジェクトのこれまでとこれから
Linux-HA Japanプロジェクトのこれまでとこれから
ksk_ha
MySQLレプリケーションあれやこれや
MySQLレプリケーションあれやこれや
yoku0825
ある工場の Redmine 2022 〜ある工場の Redmine 5.0 バージョンアップ〜 ( Redmine of one plant 2022 ...
ある工場の Redmine 2022 〜ある工場の Redmine 5.0 バージョンアップ〜 ( Redmine of one plant 2022 ...
Kohei Nakamura
Tendances
(20)
Java ORマッパー選定のポイント #jsug
Java ORマッパー選定のポイント #jsug
Installing & Configuring IBM Domino 9 on CentOS
Installing & Configuring IBM Domino 9 on CentOS
(2020-04)HPE SimpliVity node 關機
(2020-04)HPE SimpliVity node 關機
実運用して分かったRabbit MQの良いところ・気をつけること #jjug
実運用して分かったRabbit MQの良いところ・気をつけること #jjug
そうだったのか! よくわかる process.nextTick() node.jsのイベントループを理解する
そうだったのか! よくわかる process.nextTick() node.jsのイベントループを理解する
ネットワーク自動化ツール紹介(Ansible・NAPALM編)
ネットワーク自動化ツール紹介(Ansible・NAPALM編)
WPF4.5入門
WPF4.5入門
Redmineで地理空間情報を扱う、Redmine GTT (Geo-Task-Tracker) pluginの紹介
Redmineで地理空間情報を扱う、Redmine GTT (Geo-Task-Tracker) pluginの紹介
Introduction to Git
Introduction to Git
Terraformで始めるInfrastructure as Code
Terraformで始めるInfrastructure as Code
Home NOC Operators' Group的 the Internet
Home NOC Operators' Group的 the Internet
今こそ知りたいSpring Batch(Spring Fest 2020講演資料)
今こそ知りたいSpring Batch(Spring Fest 2020講演資料)
你一定不能不知道的 Markdown 寫作技巧
你一定不能不知道的 Markdown 寫作技巧
GraalVMのJavaネイティブビルド機能でどの程度起動が速くなるのか?~サーバレス基盤上での評価~ / How fast does GraalVM's...
GraalVMのJavaネイティブビルド機能でどの程度起動が速くなるのか?~サーバレス基盤上での評価~ / How fast does GraalVM's...
Kibanaでsysstatを可視化する
Kibanaでsysstatを可視化する
Web api開発をするなら ドキュメントは自動生成にしておこう__ph_per_kaigi2021_
Web api開発をするなら ドキュメントは自動生成にしておこう__ph_per_kaigi2021_
Spring AMQP × RabbitMQ
Spring AMQP × RabbitMQ
Linux-HA Japanプロジェクトのこれまでとこれから
Linux-HA Japanプロジェクトのこれまでとこれから
MySQLレプリケーションあれやこれや
MySQLレプリケーションあれやこれや
ある工場の Redmine 2022 〜ある工場の Redmine 5.0 バージョンアップ〜 ( Redmine of one plant 2022 ...
ある工場の Redmine 2022 〜ある工場の Redmine 5.0 バージョンアップ〜 ( Redmine of one plant 2022 ...
En vedette
Sublime Text 入門
Sublime Text 入門
Kah Wai Liew
智慧行動App跨國推廣經驗談 by 天橋科技
智慧行動App跨國推廣經驗談 by 天橋科技
Amos Lee
Sublime 外掛安裝教學
Sublime 外掛安裝教學
蘇姵欣 PeiSu
JavaScript 從零開始
JavaScript 從零開始
Adam Hung
Open Cart 模組架站教學
Open Cart 模組架站教學
蘇姵欣 PeiSu
深入淺出RWD自適應網頁設計
深入淺出RWD自適應網頁設計
Marie Chang
安裝Sublime text 3
安裝Sublime text 3
騰泓 王
好的網頁設計概念
好的網頁設計概念
蘇姵欣 PeiSu
使用 Visual Studio Code 建構 JavaScript 應用程式
使用 Visual Studio Code 建構 JavaScript 應用程式
Will Huang
第一次用 Vue.js 就愛上 [改]
第一次用 Vue.js 就愛上 [改]
Kuro Hsu
WordPress shortcode應用教學
WordPress shortcode應用教學
蘇姵欣 PeiSu
WordPress客製化模板教學
WordPress客製化模板教學
蘇姵欣 PeiSu
CSS 入門 - 前端工程開發實務訓練
CSS 入門 - 前端工程開發實務訓練
Joseph Chiang
IT工程師的職涯發展規劃 2016427
IT工程師的職涯發展規劃 2016427
艾鍗科技
基于原型的JavaScript面向对象编程
基于原型的JavaScript面向对象编程
zhangdaiping
深入淺出C語言
深入淺出C語言
Simen Li
Visual Studio Code 快速上手指南
Visual Studio Code 快速上手指南
Shengyou Fan
響應式網頁教學
響應式網頁教學
Tien-Yang (Aiden) Wu
阿肯 - UI & UX 從核心資訊與路徑設計談起 (2015/01/27)
阿肯 - UI & UX 從核心資訊與路徑設計談起 (2015/01/27)
阿肯 KEN studio
Frontend django, Django Web 前端探索
Frontend django, Django Web 前端探索
Tim (文昌)
En vedette
(20)
Sublime Text 入門
Sublime Text 入門
智慧行動App跨國推廣經驗談 by 天橋科技
智慧行動App跨國推廣經驗談 by 天橋科技
Sublime 外掛安裝教學
Sublime 外掛安裝教學
JavaScript 從零開始
JavaScript 從零開始
Open Cart 模組架站教學
Open Cart 模組架站教學
深入淺出RWD自適應網頁設計
深入淺出RWD自適應網頁設計
安裝Sublime text 3
安裝Sublime text 3
好的網頁設計概念
好的網頁設計概念
使用 Visual Studio Code 建構 JavaScript 應用程式
使用 Visual Studio Code 建構 JavaScript 應用程式
第一次用 Vue.js 就愛上 [改]
第一次用 Vue.js 就愛上 [改]
WordPress shortcode應用教學
WordPress shortcode應用教學
WordPress客製化模板教學
WordPress客製化模板教學
CSS 入門 - 前端工程開發實務訓練
CSS 入門 - 前端工程開發實務訓練
IT工程師的職涯發展規劃 2016427
IT工程師的職涯發展規劃 2016427
基于原型的JavaScript面向对象编程
基于原型的JavaScript面向对象编程
深入淺出C語言
深入淺出C語言
Visual Studio Code 快速上手指南
Visual Studio Code 快速上手指南
響應式網頁教學
響應式網頁教學
阿肯 - UI & UX 從核心資訊與路徑設計談起 (2015/01/27)
阿肯 - UI & UX 從核心資訊與路徑設計談起 (2015/01/27)
Frontend django, Django Web 前端探索
Frontend django, Django Web 前端探索
Sublime text 極速應用教學
1.
Sublime Text by Amos 極速
應用
2.
裝武器 Step 1
3.
外掛管理程式 Sublime text 搜尋外掛 安裝外掛 移除外掛 Package Control 其他外掛 其他外掛 其他外掛
4.
安裝package control 搜尋「package control」 點選「install」
5.
複製原始碼 1
6.
複製原始碼 1 在Sublime開啟 View /
Show Console 2
7.
複製原始碼 1 在Sublime開啟 View /
Show Console 2 貼上原始碼後按 Enter3
8.
使用 Package Control 安裝其他外掛
9.
使用 Package Control 安裝其他外掛 開啟「命令⾯面板」
1
10.
使用 Package Control 安裝其他外掛 輸⼊入「ins」 選擇「Install
Pakage」 並執⾏行 2 開啟「命令⾯面板」 1
11.
輸⼊入「emmet」 選擇並執⾏行 即開始安裝 1 [= ] 出現[= ]左右彈跳時 表⽰示正在安裝中
12.
火力清單 • convertToUTF8 (讓中⽂文正常顯⽰示) •emmet
(建原始碼超快) • html5 (就HTML5啊) • CSS3 (就CSS3啊) • Color highlighter (顯⽰示⾊色碼⾊色彩) • AutoFileName (可抓取檔案路徑)
13.
•ChineseLoremIpsum (中⽂文假⽂文產⽣生器) •All autocomplete
(⾃自動取得class) •view in browser (開啟瀏覽器預覽) •HTML Beautify (原始碼⾃自動排列) •Javascript Beautify (原始碼⾃自動排列) •FTPsync (FTP功能) •package Resource Viewer
14.
常用Package Control指令 • 安裝已裝外掛
install package • 移除已裝外掛 remove package • 查看已裝外掛 list package • 停⽤用已裝外掛 Disable package • 啟⽤用已裝外掛 Enable package • 查看外掛資料 Browse package
15.
編輯 . 網頁
16.
選擇文件格式
17.
選擇文件格式 html5
18.
選擇文件格式 html5 按這裡
19.
建立網頁原始碼
20.
建立網頁原始碼 html5 + tab
21.
不夠懶 ! + tab
22.
標籤 + tab 加標籤
23.
標籤.類別名 標籤#ID 加class、ID
24.
標籤[屬性=屬性值 ] 加屬性
25.
標籤[屬性=屬性值 ] 加屬性 不必寫引號
26.
標籤{我是內⽂文} 加內文
27.
標籤>標籤 加子層標籤
28.
標籤>標籤 加子層標籤 左右不能有空格
29.
標籤+標籤 接續標籤
30.
標籤+標籤 接續標籤 左右不能有空格
31.
h1.title+p{內⽂文} 例:
32.
h1.title+p{內⽂文} 例: <h1 class="title"></h1> <p>我是內⽂文</p> 結果:
33.
例: h1.title{標題}+p{內⽂文}
34.
例: <h1 class="title">標題</h1> <p>內⽂文</p> 結果: h1.title{標題}+p{內⽂文}
35.
(標籤>標籤)+(標籤>標籤) 標籤群組
36.
(標籤>標籤)+(標籤>標籤) 標籤群組 左右不能有空格
37.
(.header>.logo)+(.nav>ul>li) 例:
38.
結果: <div class=“header”> <div class=“logo”></div> </div> <div
class=“nav”> <ul> <li></li> </ul> </div>
39.
標籤*10 一次打十個
40.
實際操作
41.
兩欄版型 實際操作
42.
兩欄版型 實際操作 單層選單
43.
兩欄版型 實際操作 單層選單 雙層選單
44.
兩欄版 .wrapper>.header+ (.nav>ul>li*6>a)+.main+.footer
45.
片段 snippet
46.
自訂 snippet Tools /
New snippet
47.
片段內容
48.
更換[ 這裡 ] 片段內容
49.
設定關鍵字
50.
設定[ 這裡 ] 並移除註解 設定關鍵字
51.
儲存片段
52.
使⽤用預設路徑 並建⽴立⼀一個資料夾 較⽅方便管理 儲存片段
53.
片段副檔名
54.
副檔名 .sublime-snippet 片段副檔名
55.
管理 snippet 編碼規則
56.
識別字 分類 名稱 + +
57.
amos_cdn_JQ amos_cdn_jqUI amos_cdn_bootstrap amos_cdn_cssReset
58.
amos_html_導覽列 amos_css_導覽列 amos_js_導覽列
59.
amos_html_分頁 amos_css_分頁
60.
主題 Theme
61.
內建主題 preferences / Color
Scheme Sublime Text / preferences / Color Scheme PC MAC
62.
其它推薦主題 Seti ui Material Theme -
Spacegray Predawn
63.
自訂快速鍵 hotkey
64.
內建快速鍵 Key bindings-Default
65.
自訂快速鍵 Key bindings-User { "keys":
["f12"], "command": “open_in_browser” }
66.
謝謝我是 Amos 是我 https://www.facebook.com/banPrint
Télécharger maintenant