1. 程式人生 > >小程序之旅——第二站()

小程序之旅——第二站()

rgs nts 回車 chrome 所有 type [] this 1-1

一、sublime text 3

前提是得先安裝package control插件

1、通過"ctrl+shift+p"打開命令面板

2、輸入"install package"打開安裝插件面板

3、輸入"view in browser"後通過鼠標左鍵單擊或者回車鍵進行安裝

4、察看SublimeText左下角狀態欄了解是否安裝成功

使用的方法:

1、在SublimeText下打開該路徑:preference - 按鍵綁定-用戶

2、在" ] "前輸入以下代碼:

{ "keys": ["ctrl+shift+enter"], "command": "open_in_browser" }

3、效果如下圖:

技術分享

設置快捷鍵讓SublimeText在編文件快速在瀏覽器打開快捷鍵為"ctrl+shift+enter",這兒說 的瀏覽器是指系統默認的瀏覽器.

1、在 Sublime Text 3 中,安裝 SideBarEnhancements 側邊欄增強插件。


2、SideBarEnhancements 插件安裝完成後,首先為 SideBarEnhancements 指定默認瀏覽器。打開 " Preference --> Package Settings --> Side Bar --> Settings User-User"

技術分享



3、Sublime Text 3 配置瀏覽器預覽路徑 localhost
在打開的文件中添加:
{
"default_browser": "chrome" //one of this list: firefox, aurora, chrome, canary, chromium, opera, safari
}
默認的瀏覽器可以是列表中的任意一種,在這裏我選擇的是Chrome,可以根據自己的情況進行選擇。
Sublime Text 3 配置瀏覽器預覽路徑 localhost

技術分享


4、為 SideBarEnhancements 指定默認localhsot目錄。在側邊欄任意文檔上點擊鼠標右鍵,選擇 "Project --> Edit Preview URLs"

技術分享


5、Sublime Text 3 配置瀏覽器預覽路徑 localhost
在打開的文件中添加如下內容:
{
"E:/WEBSITE/HelloWorld/":{
"url_testing": "http://localhost:8008/",
"url_production": "http://equipmentmgr.sinaapp.com/"
}
}
1、"E:/WEBSITE/HelloWorld/" 是項目在磁盤中的路徑,請修改為你的項目地址
2、"url_testing" 是你本地的 localhost 地址
3、 "url_production" 是項目線上地址
請根據自己的情況進行修改。

技術分享


6、Sublime Text 3 配置瀏覽器預覽路徑 localhost
為瀏覽器綁定熱鍵。
在 Sublime Text 3 中,打開 "Preference --> Package Settings --> Side Bar --> key Bindings-User",在打開的文件中添加如下內容:
[
{
"keys": ["alt+f12"],
"command": "side_bar_open_in_browser",
"args": {
"paths": [],
"type": "testing",
"browser": ""
}
}
]
在此,我為瀏覽器綁定的熱鍵是 "alt + F12",可以根據自己的使用習慣進行修改。
Sublime Text 3 配置瀏覽器預覽路徑 localhost

技術分享

7、至此,所有設置已經完成,可以在頁面中按相應的熱鍵,調用在配置文件中設置好的瀏覽器進行瀏覽。

二、sublime 快捷鍵安裝使用

http://www.cnblogs.com/jesse131/p/5516279.html

小程序之旅——第二站()