[Community Open Camp] 給 PHP 開發者的 VS Code 指南

[Community Open Camp] 給 PHP 開發者的 VS Code 指南

1. 1. PHP Visual Studio Code 2016/08/27 他(Shengyou(Fan Community(Open(Camp
2. 2. 范聖佑 @shengyou http://shengyoufan.com https://www.facebook.com/shengyoufan 得寬科技 研究員 Laravel 台灣 傳教士 Laravel 道場 作者
3. 3. PHP Visual Studio CodeMicrosoft Community Open Camp Laravel http://www.laravelCdojo.com/
4. 4. PHP Visual Studio CodeMicrosoft Community Open Camp Laravel 中 ⽣生 2016.03 多 2016.01 在 2015.07 下 2014.12 2015.05 多 2015.12 多 2016.02
5. 5. PHP Visual Studio CodeMicrosoft Community Open Camp Laravel 中 ⽣生 2016.07 快 ⼤大 2016.08 和分多 事
6. 6. 以能 道
7. 7. 以能 道
8. 8. … 道
9. 9. … 道 (′ ‵ ) …
10. 10. 以能 過 ( ⼀一 )
11. 11. 以能 … 點 點⽤用 點
12. 12. PHP Visual Studio CodeMicrosoft Community Open Camp ⼀一 以能 • PHP - (Syntax Highlight) - ⼀一 (Code Block/Snippets) - - 不 - 會 你 • - 以 -
13. 13. PHP Visual Studio CodeMicrosoft Community Open Camp 你 Editor IDE
14. 14. • Microsoft 以能 • Electron • 點 你 • ⽤用 點 點 • 微 個 要 也 v1.4 https://code.visualstudio.com/ Visual Studio Code
15. 15. PHP Visual Studio CodeMicrosoft Community Open Camp • 2016/05 開 - Visual Studio Code - wagon +VS Code 時 Windows PHP/Laravel 就 - wagon +VS Code
16. 16. PHP Visual Studio CodeMicrosoft Community Open Camp • 國 • 新 • wagon 可 •
17. 17. PHP Visual Studio CodeMicrosoft Community Open Camp 2 國 • 吧 Ctrl + P • 有 Ctrl + Shift + P …
18. 18. PHP Visual Studio CodeMicrosoft Community Open Camp 吧 吧 國 Ctrl + P
19. 19. PHP Visual Studio CodeMicrosoft Community Open Camp 有 國 Ctrl + Shift + P
20. 20. PHP Visual Studio CodeMicrosoft Community Open Camp 國
21. 21. PHP Visual Studio CodeMicrosoft Community Open Camp 國 • 國 - https://code.visualstudio.com/docs/customization/keybindings
22. 22. PHP Visual Studio CodeMicrosoft Community Open Camp 新 VS Code • 個 - VS Code 對 • - ⽤用 新 • - 沒 新 - .vscode 來 這
23. 23. PHP Visual Studio CodeMicrosoft Community Open Camp 以能 吧 新
24. 24. PHP Visual Studio CodeMicrosoft Community Open Camp 了吧 • 吧 了吧 Ctrl + S {( ((((//(Controls(auto(save(of(dirty(files.(Accepted(values:(( "off",("afterDelay",("onFocusChange".(If(set(to("afterDelay"( you(can(configure(the(delay(in("files.autoSaveDelay".( (((("files.autoSave":("off",( ((((//(Controls(the(delay(in(ms(after(which(a(dirty(file(is( saved(automatically.(Only(applies(when("files.autoSave"(is( set(to("afterDelay"( (((("files.autoSaveDelay":(1000( } onFocusChange
25. 25. PHP Visual Studio CodeMicrosoft Community Open Camp 以能 成 • 出 麼 以能 ⼈人 {( ((((//(Zoom(the(font(of(the(editor(when(using(mouse(wheel( and(holding(Ctrl( (((("editor.mouseWheelZoom":(false,( } true VS Code 成 Ctrl + + Ctrl + -
26. 26. PHP Visual Studio CodeMicrosoft Community Open Camp ⼀一 成 • 事 {( ((((//(Controls(whether(the(editor(should(render(indent(guides( (((("editor.renderIndentGuides":(false,( } true
27. 27. PHP Visual Studio CodeMicrosoft Community Open Camp VS Code http://hz.edushi.com/bang/info/4-109-n3038834.html 事 VS Code wagon
28. 28. PHP Visual Studio CodeMicrosoft Community Open Camp git.exe php.exe
29. 29. PHP Visual Studio CodeMicrosoft Community Open Camp git.exe php.exe
30. 30. • Laravel 中 ⽣生 只 • Cmder點UwAmp點git點Composer 你 • 就 點port • 點 點 ⾃自成 事 • 就 事 也 v1.3.0 http://www.laravel-dojo.com/opensource/wagon wagon
31. 31. PHP Visual Studio CodeMicrosoft Community Open Camp 就 PATH
32. 32. PHP Visual Studio CodeMicrosoft Community Open Camp • VS Code $SHELL %COMSPEC% Console Git Bash 新 Cmd {( //(Integrated(Terminal( ((((//(The(path(of(the(shell(that(the(terminal(uses(on(Windows.( ((("terminal.integrated.shell.windows":("C:Windo...cmd.exe"( } wagongitbinbash.exe
33. 33. PHP Visual Studio CodeMicrosoft Community Open Camp Terminal Ctrl + `
34. 34. PHP Visual Studio CodeMicrosoft Community Open Camp ⼀一
35. 35. PHP Visual Studio CodeMicrosoft Community Open Camp https://marketplace.visualstudio.com/VSCode
36. 36. VS Code PHP 你
37. 37. PHP Visual Studio CodeMicrosoft Community Open Camp VS Code PHP 微 • VS Code • • ⼀一 • •
38. 38. PHP Visual Studio CodeMicrosoft Community Open Camp 微 PHP ⼀一
39. 39. PHP Visual Studio CodeMicrosoft Community Open Camp ⼀一 微 code block (snippets) ⼀一
40. 40. PHP Visual Studio CodeMicrosoft Community Open Camp PHP 的
41. 41. PHP Visual Studio CodeMicrosoft Community Open Camp 事
42. 42. PHP Visual Studio CodeMicrosoft Community Open Camp • 不 • 不 了吧 PHP 不 {( //(PHP( ((((//(Whether(php(validation(is(enabled(or(not.( (((("php.validate.enable":(true,( ((((//(Points(to(the(php(executable.( (((("php.validate.executablePath":(null,( ((((//(Whether(the(linter(is(run(on(save(or(on(type.( (((("php.validate.run":("onSave"( } onType
43. 43. PHP Visual Studio CodeMicrosoft Community Open Camp Problem ⽤用吧
44. 44. PHP Visual Studio CodeMicrosoft Community Open Camp PHP • 以能 - EditorConfig - Composer - PHP Symbols - Crane - Search Docsets
45. 45. PHP Visual Studio CodeMicrosoft Community Open Camp EditorConfig forVS Code ;(.editorconfig( root(=(true( [*]( charset(=(utfC8( indent_size(=(4( indent_style(=(space( end_of_line(=(lf( insert_final_newline(=(true( trim_trailing_whitespace(=(true( [package.json]( indent_size(=(2( trim_trailing_whitespace(=(true( [*.md]( trim_trailing_whitespace(=(false
46. 46. PHP Visual Studio CodeMicrosoft Community Open Camp Composer • PATH PHP interpreter • Composer 是 {( //(Composer(Dependency(Manager(for(PHP(Configuration( ((((//(Is(composer(enabled.( (((("composer.enabled":(true,( ((((//(Path(to(the(composer(executable.( (((("composer.executablePath":(null( } "wagoncomposercomposer.bat"
47. 47. PHP Visual Studio CodeMicrosoft Community Open Camp Composer
48. 48. PHP Visual Studio CodeMicrosoft Community Open Camp Crane
49. 49. PHP Visual Studio CodeMicrosoft Community Open Camp PHP Symbols
50. 50. PHP Visual Studio CodeMicrosoft Community Open Camp Search Docsets Shift + F1 Zeal https://zealdocs.org/
51. 51. PHP Visual Studio CodeMicrosoft Community Open Camp Laravel ⼀一 • Laravel ⼀一 都 - Laravel 5 Snippets - Laravel Blade Snippets 說 Winnie Lin 事
52. 52. PHP Visual Studio CodeMicrosoft Community Open Camp Laravel 5 Snippets
53. 53. PHP Visual Studio CodeMicrosoft Community Open Camp Laravel Blade Snippets
54. 54. PHP Visual Studio CodeMicrosoft Community Open Camp PHP • 上情 發 - echo (!) + exit - print_r() + exit - var_dump() + exit • Laravel 會 - dd() ( SymfonyVarDumper)
55. 55. PHP Visual Studio CodeMicrosoft Community Open Camp recca0120/laravelCtracy • Laravel Recca 讓 Debug • Nette Framework Tracy • Laravel • - Exception 好 - 的 會 - 以能 URL Handler - artisan (Laravel 的) https://github.com/recca0120/laravel-tracy
56. 56. PHP Visual Studio CodeMicrosoft Community Open Camp Package • Composer • 以能 composer.json $(composer(require(recca0120/laravelCtracy( {( (((("require":({( (((((((("recca0120/laravelCtracy":("^1.7"( ((((}( } $(composer(update
57. 57. PHP Visual Studio CodeMicrosoft Community Open Camp //(index.php( <?php( require(__DIR__(.('/vendor/autoload.php';( use(Recca0120LaravelTracyTracy;( Tracy::instance();
58. 58. PHP Visual Studio CodeMicrosoft Community Open Camp Laravel • Service Provider • 也 config //(config/app.php( 'providers'(=>([( ((((//(...( ((((Recca0120LaravelTracyServiceProvider::class,( ((((//(...( ]; $([php](artisan(vendor:publish((( CCprovider="Recca0120LaravelTracyServiceProvider"
59. 59. PHP Visual Studio CodeMicrosoft Community Open Camp Laravel
60. 60. PHP Visual Studio CodeMicrosoft Community Open Camp editor //(config/tracy.php( <?php( return([( (((('enabled'(=>(true,( (((('showBar'(=>(true,( (((('accepts'(=>([( (((((((('text/html',( ((((],( (((('editor'(=>('vscode://open?url=file://%file&line=%line',( (((('panels'(=>([( (((((((('{name}'(=>({boolean},( ((((],( ];
61. 61. PHP Visual Studio CodeMicrosoft Community Open Camp VS Code URL Handler https://github.com/shengyou/vscodeChandler
62. 62. PHP Visual Studio CodeMicrosoft Community Open Camp 點 吧 國 事
63. 63. breakpoint 道 debug道 - 還 Oomusou http://oomusou.io/(
64. 64. PHP Visual Studio CodeMicrosoft Community Open Camp PHP 到 道 • 不 Debug PHP • PHP Debug VS Code 微 到 會
65. 65. PHP Visual Studio CodeMicrosoft Community Open Camp XDebug • UwAmp XDebug Remote Auto Start
66. 66. PHP Visual Studio CodeMicrosoft Community Open Camp XDebug • UwAmp XDebug Remote Enable
67. 67. PHP Visual Studio CodeMicrosoft Community Open Camp launch.json {( (((("version":("0.2.0",( (((("configurations":([( (((((((({( (((((((((((("name":("Listen(for(XDebug",( (((((((((((("type":("php",( (((((((((((("request":("launch",( (((((((((((("port":(9000( ((((((((},( (((((((({( (((((((((((("name":("Launch(currently(open(script",( (((((((((((("type":("php",( (((((((((((("request":("launch",( (((((((((((("program":("${file}",( (((((((((((("cwd":("${fileDirname}",( (((((((((((("port":(9000( ((((((((}( ((((]( }
68. 68. PHP Visual Studio CodeMicrosoft Community Open Camp
69. 69. PHP Visual Studio CodeMicrosoft Community Open Camp 道 http://goo.gl/9Y7yR2
70. 70. PHP Visual Studio CodeMicrosoft Community Open Camp Visual Studio Code Settings Sync • gist 吧了
71. 71. https://github.com/shengyou/vscodeChandler vscode-handler 道 事
72. 72. https://github.com/laravelCdojo/wagon wagon 道 事
73. 73. Q & A