Visual Studio Code for ProcessWire Developers

[bernhard]

thx @Peter Knight don't know what the benefit of another program should be... I like to have everything in the editor and see everything live while I'm working on the code:

only thing missing is a proper way to push changes to a pw site... but that's part of the roadmap thread (of course it is possible, but as mentioned there I think it is a lot more complicated to achieve than I am used to by processwire easiness).

[FrancisChung]

10 hours ago, Peter Knight said:

It's certainly more visual than the terminal. I'd also like to highlight Tower for Git for designers looking to approach GIT via a more visual UI. 

 

I use Atlassians' Sourcetree if people wanted an alternative.

https://www.sourcetreeapp.com/

[kongondo]

7 minutes ago, FrancisChung said:

I use Atlassians' Sourcetree if people wanted an alternative.

https://www.sourcetreeapp.com/

Same here.

[bernhard]

looks interesting!

so @kongondo don't you use vscode git at all or do you use vscode git for simple tasks (like shown in my screenshot) and sourcetreeapp for more complex ones?

thx

[blynx]

+1 for Tower!

Switched away from Sourcetree because it requires an account now. 

For now, Tower/Sourcetree/... are easier for me to handle all kinds of git-things apart from simple commit/push/pull like for example: rebase, stash, squash, ... and it is visually nice.

I also use vs code. It is still nice to browse diffs in it or just to have a convenient second place to commit/push.

[FrancisChung]

1 hour ago, blynx said:

+1 for Tower!

Switched away from Sourcetree because it requires an account now. 

 

Completely understand if you don't wish to create accounts for the sake of it. 
I happen to use Bitbucket quite a lot as well, which integrates well with Sourcetree since they share the same maker.



 

[adrian]

Just in case you guys haven't come across it, I have been using https://www.gitkraken.com/ but maybe I should give Tower a go one of these days.

[blynx]

Yep, stumbled upon gitkraken, too. I don't know - If I have the choice I prefer native applications / applications with a more native looking UI. That's also why I don't use GitHub desktop. ?‍♂️

[kongondo]

On 17/01/2018 at 9:24 PM, bernhard said:

looks interesting!

so @kongondo don't you use vscode git at all or do you use vscode git for simple tasks (like shown in my screenshot) and sourcetreeapp for more complex ones?

thx

Oops, forgot to respond..

I don't use VSC git at all. One, I was already used to sourcetree (I tried others but they never worked for me). I feel the VSC git interface looks a little bit cramped. I guess I am also a bit jittery I'd make mistakes in there. In a sense, I don't want a swiss army knife in this case. I use VSC for the text side of things and sourcetree for what it was meant to be; a git app .

 

[SamC]

So do none of you guys use the command line for git? Using desktop apps instead?

[adrian]

10 minutes ago, SamC said:

So do none of you guys use the command line for git? Using desktop apps instead?

For me it's a mix. I really like a GUI for visually reviewing the code changes in all files before committing.

But for checking out and pulling updates from other (not my) repos, I use the command line.

[SamC]

18 minutes ago, adrian said:

For me it's a mix. I really like a GUI for visually reviewing the code changes in all files before committing.

But for checking out and pulling updates from other (not my) repos, I use the command line.

I guess I haven't been doing anything complex enough to need a GUI. Just stuff like this:

https://confluence.atlassian.com/bitbucketserver/importing-code-from-an-existing-project-776640909.html

Forced myself away from dropbox and now have to use git on my two computers in order to sync my work. Otherwise I would have just kept putting it back.

It's been interesting to say the least. Cool progress though!

[bernhard]

If anybody of you like me totally missed the markdown preview of vscode just click the preview icon on the top right:

[kongondo]

57 minutes ago, bernhard said:

If anybody of you like me totally missed the markdown preview of vscode just click the preview icon on the top right:

I've been using the Auto-Open Markdown Preview extension. Works a treat. Only problem I have with it is that it does not auto-close the preview when the markdown file is closed.

[StanLindsey]

I'm been using VSCode for the last 9 months or so and I love it. I'm mostly a Javascript developer so it does fit in my alley but I've had success with using it with PW. 

On 1/17/2018 at 10:49 AM, bernhard said:

only thing missing is a proper way to push changes to a pw site... 

2

The little circle/refresh symbol in the bottom left  allows you to push your changes to Github/Gitlab etc. Or you can use the command palette to "Git Push". Works a treat with Continuous Interaction. 

There's also a remote FTP plugin which lets you sync which I've used a couple of times on legacy projects. 

[bernhard]

4 hours ago, StanLindsey said:

The little circle/refresh symbol in the bottom left  allows you to push your changes to Github/Gitlab etc. Or you can use the command palette to "Git Push". Works a treat with Continuous Interaction. 

There's also a remote FTP plugin which lets you sync which I've used a couple of times on legacy projects. 

Thx, I know all those options. Don't know exactly what I meant with my comment I think I was talking about some kind of staging/dev setup... Not related to vscode of course

[bernhard]

what are your settings for the file search ignore? today I hit ctrl+p to find and edit /site/ready.php but I accidently chose ready.php inside the filecompiler folder...

**/site/assets/cache/**

This snippet in the user settings helps, but I wonder if you have any other folders excluded?

[kongondo]

On 5/8/2018 at 1:40 PM, bernhard said:

what are your settings for the file search ignore?

I have never gotten round to adding custom ignore ones. 

On 5/8/2018 at 1:40 PM, bernhard said:

today I hit ctrl+p to find and edit /site/ready.php but I accidently chose ready.php inside the filecompiler folder

?

[bernhard]

vscode is now portable by core, so we can share settings across multiple environments easily: https://code.visualstudio.com/docs/editor/portable ? 

[FrancisChung]

On 4/11/2018 at 5:51 AM, bernhard said:

If anybody of you like me totally missed the markdown preview of vscode just click the preview icon on the top right:

@bernhard,
Slightly off topic but what program did you use to create the gif capture above?

 

[bernhard]

https://www.cockos.com/licecap/

[gmclelland]

vscode now includes an outline feature, but to get it to work with php files you will need to install https://marketplace.visualstudio.com/items?itemName=linyang95.php-symbols

[bernhard]

Thx @gmclelland very helpful!

I'm working on my git workflow and I just found the GitLens extension. I haven't tested it much but it looks quite amazing so far! https://gitlens.amod.io/

Also I've switched from the portable version back to a regularly installed version, because that has several benefits (for example having it in the context menu). I just moved my "data" folder to my OneDrive and placed a symlink to the installed VSCode folder:

// make a backup of your data folder
// open cmd (with admin privileges!)
mklink /J "C:\Program Files\Microsoft VS Code\data" "D:\OneDrive\programme\portable\vscode\data"

 

[zoeck]

Could you post which plugins you use?
I am currently setting up my VS code ? 

Has the PHP + HTML mix problem been fixed?

[bernhard]

  /* editor */
  "editor.rulers": [80, 120],
  "editor.tabSize": 2,
  "editor.renderWhitespace": "boundary",
  "files.associations": {
    "*.module": "php",
    "*.inc": "php"
  },
  "editor.renderIndentGuides": true,

  /* search */
  "search.exclude": {
    "site/assets/cache/**": true,
  },

 

11 minutes ago, zoeck said:

Could you post which plugins you use?
I am currently setting up my VS code ? 

Sure, atm only these:

Nothing special. I don't have any fance code completion yet, so I'd be happy to get recommendations ?