Difference between revisions of "VS Code Tips"
Jump to navigation
Jump to search
| Line 1: | Line 1: | ||
<font color="red"><font size = 18>Page Under Construction</font><font color="black"><br> | <font color="red"><font size = 18>Page Under Construction</font><font color="black"><br> | ||
| − | + | =Introduction= | |
Visual Studio Code (commonly referred to as VS Code) is a free source code editor developed by Microsoft. It can be downloaded [https://code.visualstudio.com/Download here]. It supports a variety of file types and can be used to work with TUFLOW control files. The TUFLOW plugin provides highlighting support. <b>Thanks to Daniel Copelin for creating the TUFLOW plugin.</b> One feature of VS Code is that it includes an explorer window from a root folder, so it is easy to navigate the files within a project.<br> | Visual Studio Code (commonly referred to as VS Code) is a free source code editor developed by Microsoft. It can be downloaded [https://code.visualstudio.com/Download here]. It supports a variety of file types and can be used to work with TUFLOW control files. The TUFLOW plugin provides highlighting support. <b>Thanks to Daniel Copelin for creating the TUFLOW plugin.</b> One feature of VS Code is that it includes an explorer window from a root folder, so it is easy to navigate the files within a project.<br> | ||
Thousands of free plugins exist for VS Code and some of them are useful when working with TUFLOW models.<br> | Thousands of free plugins exist for VS Code and some of them are useful when working with TUFLOW models.<br> | ||
<br> | <br> | ||
| − | + | =Install TUFLOW VS Code Plugin= | |
| − | + | =Other Useful Plugins= | |
In addition to the TUFLOW plugin, some useful plugins for working with TUFLOW include: <br> | In addition to the TUFLOW plugin, some useful plugins for working with TUFLOW include: <br> | ||
| − | *[https://marketplace.visualstudio.com/items?itemName=Fr43nk.seito-openfile | + | ===Open File=== |
| + | :*Open File by Frank Stuetzer or similar is a free plugin available for download [https://marketplace.visualstudio.com/items?itemName=Fr43nk.seito-openfile here]. | ||
:*Right-click on a filename and select 'Open file under cursor'. If the file is found by VS Code, then the selected file will open in a new tab. | :*Right-click on a filename and select 'Open file under cursor'. If the file is found by VS Code, then the selected file will open in a new tab. | ||
:*To open multiple files, hold down Alt while selecting the filenames, then right click and select 'Open file under cursor'. If the files are found by VS Code, then the selected files will each open in a new tab. | :*To open multiple files, hold down Alt while selecting the filenames, then right click and select 'Open file under cursor'. If the files are found by VS Code, then the selected files will each open in a new tab. | ||
<br>{{Video|name=Animation_OpenFile.mp4|width=900}} | <br>{{Video|name=Animation_OpenFile.mp4|width=900}} | ||
<br> | <br> | ||
| − | *[https://marketplace.visualstudio.com/items?itemName=ionutvmi.path-autocomplete | + | ===Path Autocomplete=== |
| + | :*Path Autocomplete by Mihai Vilcu is a free plugin available for download [https://marketplace.visualstudio.com/items?itemName=ionutvmi.path-autocomplete here]. | ||
:*Adds auto-complete when it determines a filename is being written. For this feature to work, set the 'triggerOutsideStrings' to true (as described in the plugin details). <br> | :*Adds auto-complete when it determines a filename is being written. For this feature to work, set the 'triggerOutsideStrings' to true (as described in the plugin details). <br> | ||
<ol> | <ol> | ||
| Line 21: | Line 23: | ||
:<li>Toggle on the 'Trigger Outside Strings' in the settings on the right. | :<li>Toggle on the 'Trigger Outside Strings' in the settings on the right. | ||
</ol> | </ol> | ||
| − | *[https://marketplace.visualstudio.com/items?itemName=RandomFractalsInc.geo-data-viewer | + | ===Geo Data Viewer=== |
| + | :*Geo Data Viewer by Random Fractals inc is a free pluggin available for download [https://marketplace.visualstudio.com/items?itemName=RandomFractalsInc.geo-data-viewer here]. | ||
:*Has the ability to view a map of GIS layers right inside of VS Code. This is helpful for double checking that the layer looks correct without loading it into a GIS application. | :*Has the ability to view a map of GIS layers right inside of VS Code. This is helpful for double checking that the layer looks correct without loading it into a GIS application. | ||
Revision as of 13:22, 31 October 2023
Page Under Construction
Introduction
Visual Studio Code (commonly referred to as VS Code) is a free source code editor developed by Microsoft. It can be downloaded here. It supports a variety of file types and can be used to work with TUFLOW control files. The TUFLOW plugin provides highlighting support. Thanks to Daniel Copelin for creating the TUFLOW plugin. One feature of VS Code is that it includes an explorer window from a root folder, so it is easy to navigate the files within a project.
Thousands of free plugins exist for VS Code and some of them are useful when working with TUFLOW models.
Install TUFLOW VS Code Plugin
Other Useful Plugins
In addition to the TUFLOW plugin, some useful plugins for working with TUFLOW include:
Open File
- Open File by Frank Stuetzer or similar is a free plugin available for download here.
- Right-click on a filename and select 'Open file under cursor'. If the file is found by VS Code, then the selected file will open in a new tab.
- To open multiple files, hold down Alt while selecting the filenames, then right click and select 'Open file under cursor'. If the files are found by VS Code, then the selected files will each open in a new tab.
Path Autocomplete
- Path Autocomplete by Mihai Vilcu is a free plugin available for download here.
- Adds auto-complete when it determines a filename is being written. For this feature to work, set the 'triggerOutsideStrings' to true (as described in the plugin details).
- From the file menu, choose File\Preferences\Settings. Then select 'path-autocomplete' under 'Extensions'.
- Toggle on the 'Trigger Outside Strings' in the settings on the right.
Geo Data Viewer
- Geo Data Viewer by Random Fractals inc is a free pluggin available for download here.
- Has the ability to view a map of GIS layers right inside of VS Code. This is helpful for double checking that the layer looks correct without loading it into a GIS application.