sublime系列文章
sublime text 3如何設置宏
sublime text 3插件配置說明
sublime text 3構建系統
雖然能夠手動安裝,可是我並不推薦php
粘貼如下代碼到命令行並回車:css
import urllib.request,os; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); urllib.request.install_opener( urllib.request.build_opener( urllib.request.ProxyHandler()) ); open(os.path.join(ipp, pf), 'wb').write(urllib.request.urlopen( 'http://sublime.wbond.net/' + pf.replace(' ','%20')).read())
這些插件是我我的有配置過的插件,歡迎補充html
1.1 做用:自動對齊插件 1.2 setting: { "align_indent": false, "alignment_chars": ["=", ":"], "alignment_space_chars": ["=", ":"] } 1.3 key bindings: 1.3.1 默認快捷鍵爲ctrl+alt+a, //可是這個快捷鍵和QQ截圖衝突 1.3.2 改爲:[{ "keys": ["ctrl+alt+f"], "command": "alignment"}] 1.4 若是沒有起做用,將"mid_line_tabs"設爲true
2.1 做用:文件路徑提示功能 2.2 配置: 解決問題:subliem text3 輸入斜槓"/"會自動刪除 -> 在插件AFN的setting-user裏添加一行,"afn_use_project_root": true便可
3.1 做用:快速建立文件,能直接輸入路徑建立文件 3.2 快捷鍵:windows:alt+ctrl+n Linux:super+alt+n
1.1 做用:括號高亮(就是在數字前面能顯示括號配對) 1.2 網上有更改配置,可是我懶得
2.1 保存文件自動刷新瀏覽器
2.2 配置快捷鍵:Preferences > Package Settings > Browser Refresh > Key Bindings – Usersnode
{ "keys": ["ctrl+s"], "command": "browser_refresh", "args": { "auto_save": true, "delay": 0.0, "activate": true, "browsers" : ["chrome"] } }
1.1 做用:調出快捷面板,選取顏色 1.2 快捷鍵:ctrl+shift+c
安裝python
安裝ctags可執行程序linux
安裝Ctags插件nginx
在配置中輸入git
{github
"command": "D:/Sublime_Text_Build_3176_x64/ctags58/ctags.exe", //這裏輸入你解壓剛剛那個CTags庫的路徑 "autocomplete": "true"
}chrome
使用
Rebuild Tags
選項,點擊,生成.tags
和.tags_sorted_by_file
文件Command | KeyBinding | AltBinding | MouseBinding |
---|---|---|---|
rebuild_ctags | ctrl+t ctrl+r | ||
navigate_to_definition | ctrl+t ctrl+t | ctrl+> | ctrl+shift+left_click |
jump_back | ctrl+t ctrl+b | ctrl+< | ctrl+shift+right_click |
jump_back_last_modification | ctrl+t ctrl+m | ||
show_symbols | alt+s | ||
show_symbols multi | alt+shift+s | ||
show_symbols suffix | ctrl+alt+shift+s |
3.1 做用:代碼比對插件 1.1 做用:代碼跳轉 1.2 網上有本身配置的,個覺人得用鼠標挺好的,懶得改
3.1 做用:轉碼,但其實針對的是中文亂碼 3.2 安裝完以後,在file選項下能夠看見
4.1 做用:剪切板歷史 4.2 操做:其他都正常,須要歷史複製,只須要快捷鍵ctrl+k+v
5.1 做用:格式化php代碼 5.2 配置:"codeformatter_php_path": "php安裝絕對路徑/php.exe" 5.3 快捷鍵:ctrl+alt+F,我的更改成ctrl+o,ctrl+f 5.4 要求:對php的版本有要求,php版本必須在5.6.0及以上
1.1 做用:補全註釋 1.2 setting 相似以下配置,具體參數搜一下就有了 "jsdocs_extra_tags": [ "Create By SublimeText3", "@Author zjc", "@Date {{date}}", ]
1.1 做用:有一套Emmet語法,能夠快速建立HTML標籤。
1.2 按下Tab鍵,Emmet就能把一個縮寫展開成一個HTML和CSS代碼塊
查看sublime快捷鍵衝突
在快速麪板中顯示全部鍵映射。選擇一個條目將打開一個緩衝區,並提供有關鍵綁定的更多詳細信息
顯示緩衝區中的全部鍵映射。
該命令查找全部直接鍵衝突,並將其顯示在快速麪板上。該命令下列出的最後一個軟件包是正在運行的命令的來源,若是不受上下文的限制。選擇一個特定的條目將打開一個關於該鍵綁定細節的緩衝區。
在視圖中顯示鍵直接衝突。使用這將更好地瞭解命令如何衝突,由於命令的上下文將包含在輸出中。列出的特定綁定的最後一個包是使用的命令,若是不受上下文的限制。
顯示與緩衝區中的多個部分鍵綁定重疊的鍵綁定。例如,若是[「ctrl + t」]做爲一個綁定而存在,而且[「ctrl + t」,「t」]做爲另外一個綁定存在,則會顯示。
顯示緩衝區中的全部衝突。這個選項將包括直接衝突和重疊衝突。
顯示涉及所選包的衝突。
顯示涉及所選軟件包的衝突。選擇(完成)當你完成選擇包。您可使用(查看選定)和(查看包)來查看選定的軟件包和軟件包列表。此外,您能夠在查看所選軟件包列表時按Enter鍵從選定列表中刪除軟件包。
顯示包含鍵盤映射文件的軟件包列表。選擇軟件包後,快速麪板中將顯示命令列表。從後續列表中選擇一個命令將運行該命令。
2.1 做用: 這個插件能夠在狀態欄顯示出當前光標處於哪一個函數中
配置(最詳細配置點這裏)
Keybindings文件
{
"keys": ["ctrl+o","ctrl+b"], "command": "dired", "args": { "immediate": true, "single_pane": true, "other_group": "left", "project": true }
},
// 打開跳轉列表(僅限ST3)
{ "keys": ["ctrl+o","ctrl+p"], "command": "dired_jump_list" }
2.Preferences-> Package Settings-> FileBrowser-> Settings -> User文件 { // 打開ST3時,沒有任何頁面顯示,則自動打開跳轉列表(僅限ST3) "dired_hijack_new_window": "jump_list" , //是否顯示隱藏文件 //"dired_show_hidden_files": false, //根據是否匹配,決定是否顯示隱藏文件 //"dired_hidden_files_patterns": [".*", "__pycache__", "*.pyc"] , "dired_jump_points": { "controllers": "E:\\WWW\\Remote_fjrb\\controllers\\" }, // 打開ST3時,沒有任何頁面顯示,則自動打開跳轉列表(僅限ST3) "dired_hijack_new_window": "jump_list", //是否自動刷新 "dired_autorefresh":true, //若是您想在文件列表頂部看到標題 "dired_header":true, //若是您但願在標籤標題中看到完整路徑,並在標籤爲焦點的狀況下在窗口標題中顯示 "dired_show_full_path":false, //改變配色方案 "color_scheme":"Packages/User/SublimeLinter/Mariana (SL).tmTheme", //改變字體 //"font_face":"comic sans", //更改字體大小 //"font_size":11.5 //更改FileBrowser列的初始寬度(做爲側欄) // "dired_width":250, //大約250像素 "dired_width":0.2 //窗口的第五部分 }
1.1 做用:改動文件時,它會在左側顯示行數的地方顯示當前文件與最近一次提交時文件狀態的不一樣
1.1 做用:格式化代碼 1.2 Plugin Options { "node_path": { "windows": "D:/Program Files/nodejs/node.exe", "linux": "/usr/bin/nodejs", "osx": "/usr/local/bin/node" }, }
1.1 做用:jQuery代碼提示
1.1 做用:每保存一次文件,就會產生一個文件的歷史記錄
1.3 因爲默認是白色爲底的主題,會瞎了眼睛,因此須要配置一下,配置文件以下
{
"color_scheme": "Packages/Color Scheme - Default/Mariana.sublime-color-scheme", "line_numbers": true, //顯然這個是顯示行號的。 "draw_centered": false, // 改成false,原始值爲true "word_wrap": true, "wrap_width": 120, // 每行字符數上限 "rulers": [],
}
2.1 做用:
2.2 即寫即看功能點擊後出現404
2.2.2 paste the following to remove the strikeout package.
{
"renderer_options-MarkdownRenderer": { "extensions": ["tables", "fenced_code", "codehilite"] }
}
1.1 做用:phalcon框架的函數,命名空間等自動補全
2.0 (已廢棄) 2.1 做用:php函數手冊 2.2 使用:在函數上右鍵
1.1 做用:加強側邊欄 1.2 setting 1.2.1 在瀏覽器打開本地文件 複製當前打開文件的路徑 { "keys": ["ctrl+shift+c"], "command": "copy_path" }, 這樣寫配置只是用瀏覽器打開本地文件,並不能實現經過服務器的方式打開 chrome { "keys": ["f1"], "command": "side_bar_files_open_with", "args": { "paths": [], "application": "C:\Program Files (x86)\Google\Chrome\Application\chrome.exe", //路徑要本身改 "extensions":".*" //匹配任何文件類型 } }, firefox { "keys": ["f2"], "command": "side_bar_files_open_with", "args": { "paths": [], "application": "D:\\Program Files\\Mozilla Firefox\\firefox.exe", 路徑要本身改 "extensions":".*" } }, 1.2.2 以服務器的方式在覽器打開(以下配置好後,只要在文件上右鍵,Open in Browser) Preferences → Package Settings → Side Bar → Settings User,打開了Side Bar.sublime-settings文件 複製下列代碼並保存 { "default_browser": "firefox" one of this list: firefox, aurora, chrome, canary, chromium, opera, safari } 文件(右鍵單擊) → Project → Edit Preview URLS(點擊),則打開SideBarEnhancement.json文件 複製下面的代碼,粘貼到SideBarEnhancement.json中,並保存。 { "/Applications/MAMP/htdocs/":{ 服務器入口 "url_testing": "http:localhost:80/";, 測試服務器地址 "url_production": "http:www.jianshu.com/"; 上架以後服務器地址,這裏隨便填就好了 } }
2.1 做用:顧名思義,看不懂回家重修 2.2 使用,在文件上右鍵->Map to Remote,會建立一個文件,不少參數,主要更改以下參數 type:是ftp仍是sftp,本身填,這裏填了port就會自動配的 host:就是ftp/sftp的服務器地址了 user:用戶名 password:密碼 port:type配了ftp默認是21,配了sftp默認是22,若是你端口特殊,那麼就須要配置 remote_path:連接後默認打開的遠程目錄 ssh_key_file:這個是連接用的密鑰,通常不用,咱們連接服務器須要,因此我這裏特別指出,要是沒這功能,也就沒這篇文章了,表揚做者,很強大{ sftp_flags:這個配置我沒搞明白,我猜是鏈接後,能夠在服務器上執行一些shell命令,做者是這麼說的,我英文很差,沒徹底明白,我也沒試過,若是有須要的同窗能夠本身試試,要是真是這功能,那就厲害了
檢查PHP
配置
打開配置文件
配置php路徑
配置何時進行檢查
其中的lint_mode,表示運行模式,可選的值有background, load/save, save only, 和 manual
save only,只有才保存時才進行檢查
background是自動檢查
mark_style,表示出錯的顯示樣式(可選的值有"fill", "outline", "solid underline", "squiggly underline", "stippled underline", 和 "none",默認值爲outline)
檢查JavaScript
_配置_(也就是網上所謂的寫".jshintrc"文件):
找到以下代碼
//沒有能夠本身寫 "jshint": { "@disable": false, "args": [], "excludes": [] },
變動成以下
"jshint": { "@disable": false, "args": [ "--config", "F:\\WWW\\Gitee\\software\\Sublime_Text_Build_3143\\Data\\Packages\\User\\jshint.conf"], "excludes": [] },
解釋
網上絕大多數的教程都說是要建立.jshintrc文件,然而windows下不能建立以"."開頭的文件,也想辦法建立出來了,就是不起做用.後來查找官網,獲得以下內容
You can configure jshint options in the way you would from the command line, with .jshintrc files. For more information, see the jshint docs. You may provide a custom config file by setting the linter’s "args" setting to ["--config", "/path/to/file"]. On Windows, be sure to double the backslashes in the path, for example ["--config", "C:\Users\Aparajita\jshint.conf"].
官方明確說建立成jshint.conf的形式,也就是說,重要的是內容,而不是文件名
因此,這裏須要兩件事,
1. 須要有一個包好.jshintrc內容的文件(文件名重要,底下是找了一份還不錯的文件) { "asi": true , //控制「缺乏分號」的警告 "boss": true , //控制「缺乏分號」的警告 "debug": true ,//"debug": true "evil": true , //控制 eval 使用警告 "lastsemic": true ,//檢查一行代碼最後聲明後面的分號是否遺漏 "laxcomma": true , //檢查不安全的折行,忽略逗號在最前面的編程風格 "loopfunc": true , //檢查循環內嵌套 function "multistr": true ,//檢查多行字符串 "notypeof": true , //檢查無效的 typeof 操做符值 "sub": true , //person['name'] vs. person.name "supernew": true , //new function () { ... } 和 new Object; "validthis": true //在非構造器函數中使用 this } 2. 須要在"args"中明確指定出該文件的地址,同時windons下的地址是反斜槓,須要轉義.
根據這兩點才能得出上面的配置
查CSS
檢查HTML
4.1 做用 4.1.0 因爲sublime自帶代碼自動補全,因此有可能產生如下問題 >> 和sublime自身的代碼補全衝突,發生錯誤 >> 不裝的話,js又沒法自動補全 4.1.1 代碼自動補全(除JavaScript之外,其他須要配置環境) 4.1.2 跳轉到變量(原來好像只能在當前文件內跳轉,可是如今已經能夠跨文件了),函數(alt+click) 4.2 配置 4.3 依賴:須要安裝codeintel
將git協議切換成https協議
1.1 做用:SVN 1.2 要求:要安裝TortoiseSVN客戶端 1.3 更改setting(這個很簡單) 1.4 其餘很簡單
2.1 做用:調用終端 2.2 配置:我沒改,使用默認 2.3 快捷鍵:ctrl+shift+t
__已經不必使用:__由於sublime text 3的配置裏能夠設置保存的時候刪除多餘的空格
//通常建議不開,由於這樣在代碼比對的時候會產生很是多的不匹配代碼
"trim_trailing_white_space_on_save": true,
新建一個phpinfo.php文件,鍵入以下代碼
<?php
phpinfo();
?>
修改php.ini文件,添加以下內容
[xdebug]
; 擴展地址 zend_extension="..\ext\php_xdebug.dll" ; 我用phpstudy配置的,這個是自帶的 xdebug.profiler_output_dir="D:\phpStudy\PHPTutorial\tmp\xdebug" xdebug.trace_output_dir="D:\phpStudy\PHPTutorial\tmp\xdebug" ; 這個是看文檔上所須要的配置 xdebug.remote_enable=true xdebug.collect_params=3 ;xdebug.collect_return=1 xdebug.collect_vars=1 xdebug.collect_assignments=1 xdebug.collect_includes=1 xdebug.trace_format=0 xdebug.auto_trace=0 ;xdebug.trace_options=1 ;xdebug.profiler_enable = off ;xdebug.profiler_enable_trigger = off ;xdebug.profiler_output_name =cachegrind.out.%t.%p xdebug.trace_output_name=trace.%H%R%t ;xdebug.show_local_vars=1 xdebug.remote_handler = dbgp xdebug.remote_host= localhost xdebug.remote_port = 9001 xdebug.cli_color=2 xdebug.show_exception_trace=0 xdebug.show_mem_delta=1 xdebug.var_display_max_children=-1 xdebug.var_display_max_data=-1 xdebug.var_display_max_depth=6
修改第18行"url"配置爲
// 也就是根目錄 "url": "http://127.0.0.1/",
修改第30行"port"配置爲
// 該端口和前面配置php.ini文件設置的端口是一致的 "port": 9999,
在打開的文件中,鍵入以下內容
{
"folders": [ { // 這個地址打開的時候就有 "path": "E:\\WWW" } ], // 一下是須要新增的內容 "settings": { "xdebug": { // 跟蹤的路徑 "url": "http://localhost/", "super_globals": true, "close_on_stop": true, // 跟蹤的端口 "port":9001 } }
}