Day2 Visual Studio Code 安装与设定

IDE的抉择

「工欲善其事，必先利其器」这句话从小听到大，选择适合的IDE可以提高开发的效率。

在学NodeJS之前， 曾经使用Sublime Text开发JavaScript，觉得简洁的画面与许多可安装套件很不错，可惜在工作上大部分的实作，还是透过Visual Studio完成，用久了也觉得习惯成自然，就没有特别的IDE偏好。而这次选的课程刚好是以Visual Studio Code作为练习，顺便也可以学习新的IDE

Visual Studio Code 概述与安装

Visual Studio Code是一款开源、轻量的IDE，可在Windows、macOS及Linux作业系统，内建支援JavaScript、TypeScript与Node.js，另外，也具备丰富的程序语言(例如：C++、C#、Java、Python、PHP、Go)及执行环境(例如：.NET和Unity)之扩充生态系统。

在MacOS上使用Visual Studio Code，可以从官网(https://code.visualstudio.com )下载所需版本，最新的Universal版本可直接从档案下载的资料夹中开启应用程序。

使用Visual Studio Code

1. 写个JavaScript

1. 首先，打开VS Code之後，开启要作为档案储存位置的资料夹。

2. 在档案浏览器中新增一个test.js档案，以Ｈello, IT!的程序码作为开始，存档。

var a = "Hello";
var b = "IT";

console.log(a + ", " + b + "!");

2. 在VS Code中使用终端机执行NodeJS

1. 点选View > Terminal可在VS Code视窗下方开启终端机。

2. 输入node test.js指令，开启node执行test.js就完成罗~

3. 使用VS Code执行NodeJS与除错

除了在VS Code中使用终端机执行NodeJS，VS Code内部的除错功能也不可错过，最重要的是可以设中断点分段执行程序码！！！

1. 点选由虫和执行符号的三角形组成的Icon，开启执行与除错工具。
2. 选择新增launch.json档案，会开启预设环境选项，再选择Node.js。

3. 从档案浏览器中可以看到，VS Code会在目前开启的资料夹中建立.vscode的隐藏资料夹、并将新建的launch.json存放在里面。
   

4. 再回到除错与执行的功能，点击上方准备完成的执行按钮便可进行除错，除错的讯息会显示在Debug Console中。
   
   

小结

今天主要说明VS Code的安装与初步使用操作，更详细或细节的操作可以参考VS Code官网。

参考资料：

https://code.visualstudio.com