顯示具有 Sublime Text 標籤的文章。 顯示所有文章
顯示具有 Sublime Text 標籤的文章。 顯示所有文章

2016/05/23

Sublime Text 3 plugin FTPSync

在Control: Install Package內輸入「FTPSync」即可安裝

在專案按右鍵\FTPSync\Setup FTPSync in this folder,則會顯示該設定檔
將設定檔修改為自己所需即可
該套件比「Simple FTP Deploy」還要好用,推薦!


{
 // HELP / INFO moved to bottom
 // Remove "//" to uncomment settings directive

 "default": {

  "host": "IP",
  "username": "user",  // or null for anonymous login
  "password": "password",
  "path": "/path",

  "upload_on_save": true, // set *false* if you do not want to upload on save!

  // "port": 21,
  // "tls": false,
  // "timeout": 30, // [seconds]

  // "passive": true,
  // "download_on_open": false,
  // "overwrite_newer_prevention": true,
  // "default_folder_permissions": "755",
  // "default_upload_permissions": null, // null = no action taken
  // "time_offset": 0, // [seconds]
  // "always_sync_local_permissions": true,

  // Value "auto" = use UTF-8 if availible (FEAT: UTF8), otherwise use local
  // "encoding": "auto"

  // Trade small performance impact for more stable and secure transfer (old file is intact until the download is finished)
  // "use_tempfile": true,

  // Regular expression, recommending using \b in general and /.../ for folders to avoid matching substrings
  // "ignore": "",

  // Can be used for increase of performance or to allow build scripts to finish
  // "upload_delay": 0, // [seconds]

  // Only if the server has MFMT extension installed
  // "set_remote_lastmodified": true,

  // Chmod value for files newly downloaded by FTPSync
  //   "auto" = same as on server
  //   null = no action taken
  //   "0644" = example for direct value
  // "default_local_permissions": "auto",

  // List of lists with pathnames and filenames to folders to be watched for change in between delay (upload_delay)
  //   example: after_save_watch: [ [ "code/assets/css", "*.css" ], [ "code/assets/", "*.jpg, *.png, *.gif" ] ]
  //   used only in conjunction with upload_on_save and upload_delay **
  // For more info see https://github.com/NoxArt/SublimeText2-FTPSync/wiki/Why-and-how-to-use-afterwatch
  // "after_save_watch": [],

 }

 // ------ INFO ----------------------------------------------------------------------

 // Index page
 // --- https://github.com/NoxArt/SublimeText2-FTPSync/

 // For settings description see:
 // --- https://github.com/NoxArt/SublimeText2-FTPSync/wiki/All-settings

 // For more info see:
 // --- https://github.com/NoxArt/SublimeText2-FTPSync/wiki/_pages

 // Want to ask? Report a bug?
 // --- Hit: https://github.com/NoxArt/SublimeText2-FTPSync/issues/new


 // ** Commas **

 // from now on extra commas are allowed and recommended

 // ** Comments **

 // The "//" are so called "comments", all text after it is ignored,
 // they are used for notes or deactivating an entry

 // Non-basic settings are deactivated and default options specified in the global settings file,
 // that is $packages$/FTPSync/ftpsync.sublime-settings (where $packages$ is a path where Sublime
 // keeps packages in your Operating System) accessible via Preferences > Package Settings > FTPSync
 // Use Settings - User to override the global defaults

 // More info about Sublime Text 2 settings on http://www.sublimetext.com/docs/2/settings.html

}

Sublime Text 3 plugin Simple FTP Deploy

在Control: Install Package內輸入「Simple FTP Deploy」即可安裝

接著開啟一個檔案,並將以下代碼貼入,檔案儲存為simple-ftp-deploy.json
將以下值改為ftp設定即可

{
    "host": "IP",
    "port": 21, 
    "username": "user",
    "password": "password",
    "rootDirectory": "/path/"
}


這套設定簡單,但在本地新增資料夾或加入檔案時則不會自動上傳或建立
安裝完沒多久就刪除了

2014/01/14

Sublime Text 3 Plugin Javascript Beautify

開發網頁時,會找用到JavaScript套件,抓下來想學習會遇到程式碼被打亂的狀況


你可以在Install Package模式輸入:Javascript Beautify


安裝完成後,快捷鍵就是『Ctrl + Alt + F』


2013/08/21

Sublime Text 3 ColorPicker

ColorPicker是我在這篇『Sublime Text 2的延伸套件』文章內找到比較適合最近開發的套件
在設計網頁的時候,一定會用到CSS,CSS又能配色給網頁
但是要去看色碼表或背起來有點麻煩,所以用這個套件就能縮短開發的速度

輸入『Ctrl + Shift + P』選取到Package Control: Install Package





接著輸入『ColorPicker』,按下Enter


快捷鍵是『Ctrl + Shift + C』,就會跳出以下框框,點選確定會將色碼自動填入游標停止處





參考資料:
http://blog.kkbruce.net/2012/12/useful-sublime-text-2-package-list.html#.UhSC1RsyR8E

2013/07/17

Browser當記事本,類Sublime Text風格

最近看到Will保哥的粉絲團有貼一則訊息是這樣的


那是覺得蠻新奇的,沒看過Chrome變成Sublime Text,學習學習XD
該方法是運用了Data URI scheme,該項技術大致上是用於降低HTTP request
不過瀏覽器沒辦法緩存該資料,尤其IE8以上的使用者又有被限制使用的容量

Internet Explorer 8: Microsoft has limited its support to certain "non-navigable" content for security reasons, including concerns that JavaScript embedded in a data URI may not be interpretable by script filters such as those used by web-based email clients. Data URIs must be smaller than 32 KB in Version 8.

  • Internet Explorer 9: Internet Explorer 9 does not have 32KB limitation and supports more elements.

今天主要還是來實做一下Fizer Khan這位國外網友所實做的Notepad

2013/05/30

Sublime Text2 安裝Zencoding

哎喲,最近要交HTML5的期末作業了,就順便來練一下HTML吧。
Sublime Text2是之前在高軟聚會所學習到的工具
這個工具對我來說就是Notepad++動態版

為什麼這麼說呢?
能夠像Eclipse或是Visual Studio一樣有智慧標籤,也能夠安裝第三方套件在編輯器上