　　以JavaScript为代表，过去我们调试JS的时候，需要使用浏览器F12，代码上面需要利用console.log 或 alert 对过程进行输出，习惯了例如VS 编译器的开发人员会比较不习惯。如今可以使用VS Code进行开发，它开源免费，通过安装开发语言相关的插件，可以让VS Code实现相应的语法识别和代码提示，目前拓展商店已经提供了大多数编程语言的插件，可以随便下载，常用有Script有JScript、EScript ,以及包括PHP，Python等其它语言。

VS Code 安装

　　Visual Studio Code （这里简称 VS Code）下载地址： https://code.visualstudio.com/

launch.json 简介

　　launch.json 是 VSCode 在当前开发目录自动生成的一个配置文件。开发时，根据所在项目类型，进行程序启动的路径和运行环境配置，如下图，描述的是当前需要调试的文件路径为

"${workspaceFolder}/scripts/debug.js"，程序采用node进行调试。

点击添加配置按钮，可以看到更多配置的选项，选项列表与当前安装的拓展有关，比如安装了Chrome之后。

在launch.json中一些预定变量的具体含义如下

${workspaceRoot} VSCode中打开文件夹的路径

原文：the path of the folder opened in VS Code
${workspaceRootFolderName} VSCode中打开文件夹的路径, 但不包含"/"

原文：the name of the folder opened in VS Code without any solidus (/)
${file} 当前打开的文件

原文： the current opened file
${relativeFile} 当前打开的文件（相对于workspaceRoot）

原文：the current opened file relative to workspaceRoot
${fileBasename} 当前打开文件的文件名, 不含扩展名

原文：the current opened file's basename
${fileDirname} 当前打开文件的目录名

原文： the current opened file's dirname
${fileExtname} 当前打开文件的扩展名

原文：the current opened file's extension
${cwd} 当前运行任务的工作目录（启动目录）

原文：the task runner's current working directory on startup

使用VS Code 开发 Javascript

安装Script插件

　　使用ECMAScript开发，安装ESLint　　

　　使用TypeScript开发，安装TSLint

　　使用Javascript开发，安装jshint

调试Script

　　1、调试环境，使用node编译环境。

　　 2、配置launch.json 　　

　　{

　　　　"type": "node",

　　　　"request": "launch",

　　　　"name": "Launch Program",

　　　　"program": "${workspaceFolder}/scripts/debug.js" //将需要测试的js文件通过 require引用到debug.js进行调用，可以实现模拟button点击效果或用来测试算法

　　}

　　3、切换到debug页面，启动调试，如图：

如何设置成中文

　　按键盘上的快捷键 Ctrl+shift+p，出现命令框，如图：

输入configure language

最后在新打开的语言配置文件里面，将locale：“en-us” 修改成 locale：“zh-cn”后重启，配置完成，如图：

Visual Studio Code 编辑器使用入门（更新中）

目录

VS Code 安装

launch.json 简介

猜你喜欢

Visual Studio Code 编辑器 使用入门（更新中）

目录

VS Code 安装

launch.json 简介

猜你喜欢

Visual Studio Code 编辑器使用入门（更新中）