.vscode | ||
build | ||
extensions | ||
resources | ||
scripts | ||
src | ||
test | ||
.gitignore | ||
gulpfile.common.js | ||
gulpfile.editor.js | ||
gulpfile.js | ||
gulpfile.plugins.js | ||
gulpfile.vscode.js | ||
LICENSE.txt | ||
npm-shrinkwrap.json | ||
OSSREADME.json | ||
package.json | ||
product.json | ||
README.md | ||
ThirdPartyNotices.txt |
Visual Studio Code
VS Code is a new choice of tool that combines the simplicity of a code editor with what developers need for their core edit-build-debug cycle. It is the first editor and first cross platform tool in the Visual Studio family of products.
Code incorporates Visual Studio's world class editing and debugging experiences whlie integrating with existing tools. A rich extensibility model and ecosystem provides support for a broad array of languages and tools that integrate seamlessly with Code.
The VSCode repository is where the Code team does development. We encourage you to follow along, take part in the discussion, submit issues, suggest a feature, or create a pull request!
Follow us @code.
Installation and Documentation
Download the latest build for your platform from the Visual Studio Code website. Once installed, Code will automatically update itself when we publish new releases.
Everything you need to know about using and extending Code can be found in our online documentation. Found a typo? Want to clarify something? Clone the vscode-docs repository and make a pull request.
Contributing
There are many ways to contribute to the Code project. For example:
- Submit bugs and help us verify fixes as they are checked in
- Review source code changes
- Engage with users and other developers on Stack Overflow
- Fix a bug and make a pull request
- Review the documentation and make pull requests for anything from typos to new content
Check out How to Contribute for more information.
Build and Run From Source
If you want to understand how Code works or want to debug an issue, you'll want to get the source, build it, and run the tool locally.
Installing Prerequisites
Download the latest version of Visual Studio Code (you will use Code to edit Code!)
VS Code includes node module dependencies that require native compilation. To ensure the compilation is picking up the right version of
header files from the Electron Shell, we have our own script to run the installation via npm (scripts/npm
).
Tip! In case you fail to build the native modules you can copy the node_modules folder of the VS Code installation
into the VSCode workspaces node_modules folder. You will still need to run scripts/npm install
to get all the development dependencies installed.
For native compilation, you will need python (version v2.7
recommended, v3.x.x
is not supported) as well as a C/C++ compiler tool chain.
Windows:
- In addition to Python v2.7, make sure you have a PYTHON environment variable set to
drive:\path\to\python.exe
, not to a folder - Visual Studio 2013 for Windows Desktop or Visual Studio 2015 , make sure to select the option to install all C++ tools and the Windows SDK
OS X Command line developer tools
- Python should be installed already
- XCode and the Command Line Tools (XCode -> Preferences -> Downloads), which will
install
gcc
and the related toolchain containingmake
Linux:
- Python v2.7
make
- A proper C/C++ compiler toolchain, for example GCC
After you have these tools installed, run the following commands to check out Code and install dependencies:
OS X
git clone https://github.com/microsoft/vscode
cd vscode && npm install -g mocha gulp
./scripts/npm.sh install
Windows
git clone https://github.com/microsoft/vscode
cd vscode
npm install -g mocha gulp
scripts\npm install
Linux
git clone https://github.com/microsoft/vscode
cd vscode && npm install -g mocha gulp
./scripts/npm.sh install --arch=x64
# for 32bit Linux
#./scripts/npm.sh install --arch=ia32
Development Workflow
Incremental Build
Open VS Code on the folder where you have cloned the vscode repository and press
CTRL+SHIFT+B
on Windows or COMMAND+SHIFT+B
on OSX to start the TypeScript
builder. It will do an initial full build and then watch for file changes, compiling
those changes incrementally. To view the build output open the Output stream by pressing Shift+CMD+U
.
Errors and Warnigns
Errors and warnings are indicated in the status bar at the bottom left. You can
view the error list using View | Errors and Warnings
or pressing CMD+P
and then !
.
Please note, if you start the TypeScript builder from a terminal using gulp watch
, errors
and warnings will only show in the console and not in Code.
Tip! You do not need to stop and restart the development version after each change,
you can just execute Reload Window
from the command palette.
Validate your changes
To test the changes you launch a development version of VS Code on the workspace
vscode
, which youare currently editing.
OS X and Linux
./scripts/code.sh
Windows
.\scripts\code.bat
You can identify the development version of Code by the Electron icon in the Dock or Taskbar.
Tip! If you receive an error stating that the app is not a valid Electron app, it probably
means you didn't run gulp watch
first.
Debugging
VS Code uses a multi process architecture and your code is executed in different processes:
- the render process runs the UI code inside the Shell window
- the plugin host process runs code implemented by a plugin
To debug code that runs in the renderer process you launch the Chrome Developers Tools using
Help | Toggle Developer Tools
.
To debug code that runs inside the plugin host process you open another instance of the Chrome
Developer Tools using Developer: Reveal Plugin Host Process
from the command palette.
Tip! When you are done debugging, use the 'Hide Window' button to close the Chrome Developer
Tools on the Plugin Host Process, or use the command Developer: Hide Plugin Host Process Window
.
Do not close the window using the close button as this will also kill the plugin host process itself.
Unit Testing
Press SHIFT+CMD+T
(CTRL+SHIFT+T
on Windows) to start the unit tests or run the tests directly
from a terminal using gulp test
. The test README.md has complete details on
how to run tests and coverage reports.