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

PHP
Visual Studio Code
2016/08/27
他(Shengyou(Fan
Community(Open(Camp

范聖佑
@shengyou
http://shengyoufan.com
https://www.facebook.com/shengyoufan
得寬科技研究員
Laravel 台灣傳教士
Laravel 道場作者

PHP Visual Studio CodeMicrosoft Community Open Camp
Laravel
http://www.laravelCdojo.com/

Laravel 中⽣生
2016.03
多
2016.01
在
2015.07
下
2014.12
2015.05
多
2015.12
多
2016.02

Laravel 中⽣生
2016.07
快⼤大
2016.08
和分多
事

⼀一以能
• PHP
- (Syntax Highlight)
- ⼀一 (Code Block/Snippets)
-
- 不
- 會你
•
- 以
-

你
Editor IDE

• Microsoft 以能
• Electron
• 點你
• ⽤用點點
• 微個要
也 v1.4
https://code.visualstudio.com/
Visual Studio Code

• 2016/05 開
- Visual Studio Code
- wagon +VS Code 時 Windows
PHP/Laravel 就
- wagon +VS Code

• 國
• 新
• wagon 可
•

2 國
• 吧 Ctrl + P
• 有 Ctrl + Shift + P
…

吧
吧國
Ctrl + P

有
國
Ctrl + Shift + P

國

國
• 國
- https://code.visualstudio.com/docs/customization/keybindings

新 VS Code
• 個
- VS Code 對
•
- ⽤用新
•
- 沒新
- .vscode 來這

以能吧
新

了吧
• 吧了吧 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

以能成
• 出麼以能⼈人
{(
((((//(Zoom(the(font(of(the(editor(when(using(mouse(wheel(
and(holding(Ctrl(
(((("editor.mouseWheelZoom":(false,(
} true
VS Code 成 Ctrl + + Ctrl + -

⼀一成
• 事
{(
((((//(Controls(whether(the(editor(should(render(indent(guides(
(((("editor.renderIndentGuides":(false,(
} true

VS Code
http://hz.edushi.com/bang/info/4-109-n3038834.html
事
VS Code wagon

git.exe php.exe

• Laravel 中⽣生只
• Cmder點UwAmp點git點Composer
你
• 就點port
• 點點⾃自成事
• 就事
也 v1.3.0
http://www.laravel-dojo.com/opensource/wagon
wagon

就 PATH

• 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

Terminal
Ctrl + `

⼀一

https://marketplace.visualstudio.com/VSCode

VS Code PHP 微
• VS Code
•
• ⼀一
•
•

微 PHP ⼀一

⼀一
微 code block (snippets) ⼀一

PHP 的

事

• 不
• 不了吧
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

Problem
⽤用吧

PHP
• 以能
- EditorConﬁg
- Composer
- PHP Symbols
- Crane
- Search Docsets

EditorConﬁg 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

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"

Composer

Crane

PHP Symbols

Search Docsets
Shift + F1
Zeal https://zealdocs.org/

Laravel ⼀一
• Laravel ⼀一都
- Laravel 5 Snippets
- Laravel Blade Snippets
說 Winnie Lin 事

Laravel 5 Snippets

Laravel Blade Snippets

PHP
• 上情發
- echo (!) + exit
- print_r() + exit
- var_dump() + exit
• Laravel 會
- dd() ( SymfonyVarDumper)

recca0120/laravelCtracy
• Laravel Recca 讓 Debug
• Nette Framework Tracy
• Laravel
•
- Exception 好
- 的會
- 以能 URL Handler
- artisan (Laravel 的)
https://github.com/recca0120/laravel-tracy

Package
• Composer
• 以能 composer.json
$(composer(require(recca0120/laravelCtracy(
{(
(((("require":({(
(((((((("recca0120/laravelCtracy":("^1.7"(
((((}(
}
$(composer(update

//(index.php(
<?php(
require(__DIR__(.('/vendor/autoload.php';(
use(Recca0120LaravelTracyTracy;(
Tracy::instance();

Laravel
• Service Provider
• 也 conﬁg
//(config/app.php(
'providers'(=>([(
((((//(...(
((((Recca0120LaravelTracyServiceProvider::class,(
((((//(...(
];
$([php](artisan(vendor:publish(((
CCprovider="Recca0120LaravelTracyServiceProvider"

Laravel

editor
//(config/tracy.php(
<?php(
return([(
(((('enabled'(=>(true,(
(((('showBar'(=>(true,(
(((('accepts'(=>([(
(((((((('text/html',(
((((],(
(((('editor'(=>('vscode://open?url=file://%file&line=%line',(
(((('panels'(=>([(
(((((((('{name}'(=>({boolean},(
((((],(
];

VS Code URL Handler
https://github.com/shengyou/vscodeChandler

點吧國事

breakpoint 道
debug道
- 還 Oomusou
http://oomusou.io/(

PHP 到道
• 不 Debug PHP
• PHP Debug VS Code 微到會

XDebug
• UwAmp XDebug Remote Auto Start

XDebug
• UwAmp XDebug Remote Enable

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(
((((((((}(
((((](
}

道
http://goo.gl/9Y7yR2

Visual Studio Code Settings Sync
• gist 吧了

https://github.com/shengyou/vscodeChandler
vscode-handler 道事

https://github.com/laravelCdojo/wagon
wagon 道事

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

Recommended

Recommended

More Related Content

What's hot

What's hot (20)

Viewers also liked

Viewers also liked (16)

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

Similar to [Community Open Camp] 給 PHP 開發者的 VS Code 指南 (20)

More from Shengyou Fan

More from Shengyou Fan (20)

Recently uploaded

Recently uploaded (20)

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