Visual Studio Code
Last updated
Was this helpful?
Last updated
Was this helpful?
Here are suggestions for using VSC (Visual Studio Code) for developing in CFML.
What do you want to do with VSC?
Install it?
Key Extensions?
Working with the shell/terminal
Git Extensions?
This IDE has it's own domain. ( https://code.visualstudio.com/ ) with downloads for macOS, Windows and Linux on the home page. 👍
You can approach this different ways. It is pretty nice to have the command prompt running right inside your IDE. Pressing CTRL +` will show and/or hide your terminal. This will let you run Commandbox directly inside your terminal.
Go to File > Preferences > Settings and search for shell.windows. Hover over the item in DEFAULT SETTINGS and you will see an edit pencil. Click on that and it will copy the values over to USER SETTINGS. (NOTE: You can also set stuff up in WORKSPACE SETTINGS for different projects. Now set the location of commandbox on your system like we did in our system in the example below.
"terminal.integrated.shell.windows": "/path/to/box",
When adding a path, follow the rules for adding platform specific path separators.
Open the terminal and select the `+
Open the command prompt ( CTRL + P Windows ) and enter >Terminal: Configure Terminal Settings to call up the correct settings editor. You may need to add this to get to the settings if you don't want to scroll. @feature:terminal integrated profiles windows.
Click on Edit in settings.json and add the following to the setting and save. Then you should see an option to launch Commandbox in your terminal.
If you have commandbox mapped to a path you can of course just call box like you would from any terminal and it will load right up for you. Just use any terminal in VSC that would load box outside VSC and it will run the same.
You should also install a few extensions. (These extensions can also be added from the built in Extensions item.)
Additional Extensions ( of course, choose the ones you want and ignore the others )
Git Lens This will take your git IDE to new levels.
TODO Highlight Add TODO, FIXME or other comments to code and find quickly with this extension.
Project Manager: save folders as projects and easily switch between projects
Hg: integrated Mercurial source control
Great Icons Because it is more fun, nuff said!
More information to follow. (Including video guides to show how to get started that may not be as familiar with different parts.)
