VS Code

Visual Studio Code is a lightweight but powerful source code editor which runs on your desktop and is available for Windows, macOS and Linux. It doesn't come with built-in support for PHP. You have to install Plugins to support it. It has a lot of pluggings, support multiple cursors, inbuild CLI, debugging tools and Productive tools.

Install

1. Download and Install VSCode from this site code.visualstudio.com
2. Open VSCode

Useful plugins for PHP development

Essentials
1. PHP Tools for VS Code
2. Live Share
3. Smarty
4. SFTP
5. PHP Files
6. jQuery Code Snippets

None Essentials
1. Clipboard Manager
2. Diff
3. Duplicate action
4. expand-region
5. Goto Last Edit
6. Todo Tree
7. Sublime Duplicate Text
8. Horizon Theme

Setup Project

1. Click on Files -> Add Folder to Workspace...

2. Create a folder called "app-hello"

3 Go into the folder and click "Add"

4. Download the application from the following link.
5. Extract the zip file. You can find the "app" folder.
6. Copy the "app" folder into "app-hello" folder.

Setup SFTP auto sync

1. Install SFTP plugin
2. Go to Extension section in VSCode and search "sftp"
3. Select Natizyskunk's plugin and click Install button

4. Press Ctrl+Shift+P on Windows/Linux or Cmd+Shift+P on Mac open command palette, run "SFTP: config" command.

5. Add bellow configurations. Make sure to change the host, username and password with your credintials.

{

    "name": "Japan Project",

    "host": "app-hello.crayondatabase.com",

    "protocol": "sftp",

    "port": 22,

    "username": "app-hello",

    "password": "**********",

    "remotePath": "/",

    "uploadOnSave": true,

    "ignore": [

        ".vscode",

        ".git",

        ".svn",

        ".DS_Store"

    ],

    "syncOption": {

        "delete": true

    },

    "watcher": {

        "files": "**/*",

        "autoUpload": true,

        "autoDelete": true

    }

}

6. Update and save a file and see the status bar. If you succeed with the configuration, you will see your files sync with the server.

7. Go to the below link and see the changes you have done.

https://app-hello.crayondatabase.com/app/app.php?class=login&testserver=true