系統入口

以前長官說「深入業務、主動服務、追求卓越」，在工作上一直覺的是有道理的，沒有實際深入使用者的想法，就不知道需求在哪裡，更不要說提供哪些適合的服務。

去年原本預計在單位的任務中使用bootstrap來呈現適合電腦 、行動裝適也適合用的網頁，後來因太忙碌只能望之興嘆，一切自然任他去吧。

但是，錢花了總是要讓自己學到、實做點小作品。由於感受到單位的系統入口實在不方便尋找，因此列了些網址，再找一下線上課程給的sample來套，前後大概花了三~四天時間，把常用的系統連結完成了，由於只是測試性質，並沒有放到單位的網頁，暫提供給幾位同事試用，接著再應驗看看使用者的反應，希望能一傳十~十傳百，節省尋找不同系統入口的時間，努力就有價值了。

使用 Sublime Text3

軟體網址 http://www.sublimetext.com/3

■安裝package control
https://packagecontrol.io/installation
選取在「 Sublime Text 3 」 底下的這一大串安裝用的指令，將它們全部都複製下來。
點開 上方工具列 > View > Show Console
貼上剛剛複製的那段安裝指令，並按下 Enter 。


■常用package
1.emmet 快速寫碼的外掛
2.fakeimg 產生假圖的外掛
3.sublimeCodeintel 自動完成功能
4.color highlighter 色彩選取與轉換
5.autoFileName
6.Vintage 類似vi的操作鍵法
7.ChineseLoremIpsum 中文


■快速鍵
lorem(tab) 英文假文，lorem10表示表一一個單字
ctlorem (alt+c) 繁中假文，ctlorem20(alt+c)表示20個中文字

■設定快捷鍵用sublime直接開啟瀏覽器

1.安裝sidebarenhancements外掛
2.配置預覽快捷鍵 Preferences/Keybinding

// chrome
{ "keys": ["f12"], "command": "side_bar_files_open_with",
        "args": {
            "paths": [],
            "application": "C:/Program Files (x86)/Google/Chrome/Application/chrome.exe",
            "extensions":".*"
        }
 },
// ie
 { "keys": ["f4"], "command": "side_bar_files_open_with",
         "args": {
            "paths": [],
            "application": "C:/Program Files/Internet Explorer/iexplore.exe",
            "extensions":".*"
        }
}
上面的程式碼中有兩處需要注意的地方，
一個是keys表示快捷鍵，表示f12可以啟動chrome進行預覽。
另一個是application，表示瀏覽器所在的安裝路徑，只有路徑配置正確，才能夠正常呼叫瀏覽器。



參考
教學：淺談 Sublime Text 的安裝設定及入門操作 – [ 上篇 ]
http://www.flycan.com/article/free-resource/sublime-text-setup-2060.html
教學：淺談 Sublime Text 的安裝設定及入門操作 – [ 下篇 ]
http://www.flycan.com/article/free-resource/sublime-text-setup-2-2077.html