2019-04-19 12:38:57 -07:00 
										
									 
								 
							 
							
								
									
										 
									 
								
							 
							
								 
							 
							
							
								# Try Out Development Containers: Node.js
 
							 
						 
					
						
							
								
									
										
										
										
											2019-04-16 19:25:50 -07:00 
										
									 
								 
							 
							
								
							 
							
								 
							 
							
							
								
							 
						 
					
						
							
								
									
										
										
										
											2019-04-26 22:39:45 +00:00 
										
									 
								 
							 
							
								
									
										 
									 
								
							 
							
								 
							 
							
							
								This is a sample project to go along with the "Try a dev container" quick start for the ** [VS Code Remote - Containers ](https://aka.ms/vscode-remote/containers )** extension.
							 
						 
					
						
							
								
									
										
										
										
											2019-04-16 19:41:33 -07:00 
										
									 
								 
							 
							
								
									
										 
									 
								
							 
							
								 
							 
							
							
								
							 
						 
					
						
							
								
									
										
										
										
											2019-04-28 14:44:52 +02:00 
										
									 
								 
							 
							
								
									
										 
									 
								
							 
							
								 
							 
							
							
								**If you are not yet in a development container, [see below ](#setting-up-the-development-container ).**
							 
						 
					
						
							
								
									
										
										
										
											2019-04-16 19:41:33 -07:00 
										
									 
								 
							 
							
								
									
										 
									 
								
							 
							
								 
							 
							
							
								
							 
						 
					
						
							
								
									
										
										
										
											2019-04-19 12:38:57 -07:00 
										
									 
								 
							 
							
								
									
										 
									 
								
							 
							
								 
							 
							
							
								## Things to try
 
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							 
							
							
								
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							 
							
							
								One you have this sample opened in a container, you'll be able to work with it like you would locally.
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							 
							
							
								
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							 
							
							
								Some things to try:
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							 
							
							
								
							 
						 
					
						
							
								
									
										
										
										
											2019-04-26 22:39:45 +00:00 
										
									 
								 
							 
							
								
									
										 
									 
								
							 
							
								 
							 
							
							
								1.  **Edit:** 
							 
						 
					
						
							
								
									
										
										
										
											2019-04-28 14:41:10 +02:00 
										
									 
								 
							 
							
								
									
										 
									 
								
							 
							
								 
							 
							
							
								   -  Open `server.js` 
							 
						 
					
						
							
								
									
										
										
										
											2019-04-28 15:03:45 +02:00 
										
									 
								 
							 
							
								
									
										 
									 
								
							 
							
								 
							 
							
							
								   -  Try adding some code and check out the language features. Notice that `eslint`  and the `vscode-eslint`  extension are already installed in the container.
							 
						 
					
						
							
								
									
										
										
										
											2019-04-26 22:39:45 +00:00 
										
									 
								 
							 
							
								
									
										 
									 
								
							 
							
								 
							 
							
							
								2.  **Terminal:**  Press < kbd > Ctrl</ kbd > +< kbd > Shift</ kbd > +< kbd > \`</ kbd >  and type `uname`  and other Linux commands from the terminal window.
							 
						 
					
						
							
								
									
										
										
										
											2019-04-19 12:38:57 -07:00 
										
									 
								 
							 
							
								
									
										 
									 
								
							 
							
								 
							 
							
							
								3.  **Build, Run, and Debug:** 
							 
						 
					
						
							
								
									
										
										
										
											2019-04-28 14:41:10 +02:00 
										
									 
								 
							 
							
								
									
										 
									 
								
							 
							
								 
							 
							
							
								   -  Open `server.js` 
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							 
							
							
								   -  Add a breakpoint (e.g. on line 20).
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							 
							
							
								   -  Press < kbd > F5</ kbd >  to launch the app in the container.
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							 
							
							
								   -  Once the breakpoint is hit, try hovering over variables, examining locals, and more.
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							 
							
							
								   -  Continue, then open a local browser and go to `http://localhost:3000`  and note you can connect to the server in the container.
							 
						 
					
						
							
								
									
										
										
										
											2019-04-19 12:38:57 -07:00 
										
									 
								 
							 
							
								
									
										 
									 
								
							 
							
								 
							 
							
							
								4.  **Forward another port:** 
							 
						 
					
						
							
								
									
										
										
										
											2019-04-28 14:41:10 +02:00 
										
									 
								 
							 
							
								
									
										 
									 
								
							 
							
								 
							 
							
							
								   -  Stop debugging and remove the breakpoint.
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							 
							
							
								   -  Open `server.js` 
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							 
							
							
								   -  Change the server port to 5000. (`const PORT = 5000;` )
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							 
							
							
								   -  Press < kbd > F5</ kbd >  to launch the app in the container.
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							 
							
							
								   -  Press < kbd > F1</ kbd >  and run the **Remote-Containers: Forward Port...**  command.
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							 
							
							
								   -  Select port 5000.
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							 
							
							
								   -  Click "Open Browser" in the notification that appears to access the web app on this new port.
							 
						 
					
						
							
								
									
										
										
										
											2019-04-19 12:38:57 -07:00 
										
									 
								 
							 
							
								
									
										 
									 
								
							 
							
								 
							 
							
							
								
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							 
							
							
								## Setting up the development container
 
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							 
							
							
								
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							 
							
							
								Follow these steps to open this sample in a container:
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							 
							
							
								
							 
						 
					
						
							
								
									
										
										
										
											2019-04-26 22:39:45 +00:00 
										
									 
								 
							 
							
								
									
										 
									 
								
							 
							
								 
							 
							
							
								1.  If this is your first time using a development container, please follow the [getting started steps ](https://aka.ms/vscode-remote/containers/getting-started ).
							 
						 
					
						
							
								
									
										
										
										
											2019-04-19 12:38:57 -07:00 
										
									 
								 
							 
							
								
									
										 
									 
								
							 
							
								 
							 
							
							
								
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							 
							
							
								2.  If you're not yet in a development container:
							 
						 
					
						
							
								
									
										
										
										
											2019-04-28 14:41:10 +02:00 
										
									 
								 
							 
							
								
									
										 
									 
								
							 
							
								 
							 
							
							
								   -  Clone this repository.
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							 
							
							
								   -  Press < kbd > F1</ kbd >  and select the **Remote-Container: Open Folder in Container...**  command.
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							 
							
							
								   -  Select the cloned copy of this folder, wait for the container to start, and try things out!
							 
						 
					
						
							
								
									
										
										
										
											2019-04-19 12:38:57 -07:00 
										
									 
								 
							 
							
								
									
										 
									 
								
							 
							
								 
							 
							
							
								
							 
						 
					
						
							
								
									
										
										
										
											2019-04-16 19:41:33 -07:00 
										
									 
								 
							 
							
								
									
										 
									 
								
							 
							
								 
							 
							
							
								
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							 
							
							
								## Contributing
 
							 
						 
					
						
							
								
									
										
										
										
											2019-04-16 19:25:50 -07:00 
										
									 
								 
							 
							
								
							 
							
								 
							 
							
							
								
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							 
							
							
								This project welcomes contributions and suggestions.  Most contributions require you to agree to a
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							 
							
							
								Contributor License Agreement (CLA) declaring that you have the right to, and actually do, grant us
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							 
							
							
								the rights to use your contribution. For details, visit https://cla.microsoft.com.
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							 
							
							
								
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							 
							
							
								When you submit a pull request, a CLA-bot will automatically determine whether you need to provide
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							 
							
							
								a CLA and decorate the PR appropriately (e.g., label, comment). Simply follow the instructions
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							 
							
							
								provided by the bot. You will only need to do this once across all repos using our CLA.
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							 
							
							
								
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							 
							
							
								This project has adopted the [Microsoft Open Source Code of Conduct ](https://opensource.microsoft.com/codeofconduct/ ).
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							 
							
							
								For more information see the [Code of Conduct FAQ ](https://opensource.microsoft.com/codeofconduct/faq/ ) or
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							 
							
							
								contact [opencode@microsoft.com ](mailto:opencode@microsoft.com ) with any additional questions or comments.
							 
						 
					
						
							
								
									
										
										
										
											2019-04-16 19:41:33 -07:00 
										
									 
								 
							 
							
								
									
										 
									 
								
							 
							
								 
							 
							
							
								
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							 
							
							
								## License
 
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							 
							
							
								
							 
						 
					
						
							
								
									
										
										
										
											2019-04-28 14:41:10 +02:00 
										
									 
								 
							 
							
								
									
										 
									 
								
							 
							
								 
							 
							
							
								Copyright © Microsoft Corporation All rights reserved.< br  / > 
							 
						 
					
						
							
								
									
										
										
										
											2019-04-19 13:50:43 -07:00 
										
									 
								 
							 
							
								
									
										 
									 
								
							 
							
								 
							 
							
							
								Licensed under the MIT License. See LICENSE in the project root for license information.