如何配置vscode的python编译环境
为VSCode安装扩展
用VSCode编程是需要依赖扩展的。写Python需要安装python的扩展，写C++需要安装C++的扩展。刚打开编辑器的时候，它一般会推荐一些扩展，你如果什么都不知道，可以先安装官方推荐的这些扩展：
修改VSCode的一些选项的默认值
VSCode有很多选项可以被修改，其各个选项都有默认值，这些默认值存储在"\settings.json"中(不过我没找到这个文件)，用户如果想修改某些选项的值（比如：修改字体的大小），VSCode会自动帮我们生成一个“settings.json”文件，然后我们直接在这个文件中配置自己想要的值即可。
VSCode还没有创建"settings.json"文件：
VSCode帮我们创建了"settings.json"文件：
我们修改字号，让字体大一些。修改完后，保存一下，自定义的值就会覆盖默认值，修改就生效了。
用VSCode编写和调试python程序
下面就开始用VSCode编程了。因为python的配置超简单，我们以python为例来说明一下。
https //segmentfault com/q/1010000005897116
VSCode是以文件夹作为项目单位的。所以，我们如果要新建一个python项目的话，需要新建一个文件夹，然后在这个文件夹里面放置.py文件。然后让VSCode"打开文件夹"，这样VSCode就能识别这个项目了。（当然可以用VSCode直接创建文件夹和文件。）
先创建test_python文件夹，里面创建一个test.py文件。
然后用VSCode加载它：
加载后的样子。可以看到，因为安装了python扩展，已经有高亮等效果了。
下面开始调试。
很显然要选择python选项：
然后VSCode为我们自动生成了"launch.json"文件，此文件有很多配置项，有的选项是默认从"settings.json"中取值的(比如"config.python.pythonPath")。如果"settings.json"中没有配置它们的话，调试时可能会无法启动。
同时，项目文件夹下面还自动生成了".vscode"文件夹。文件"launch.json"就在这个文件夹中。此时VSCode才算是真正意义上接手了这个项目文件夹。
网上的教程里，直接先在"settings.json"中把"python.pythonPath"先配置了一下，我当时不是太理解。现在看来，我们也需要配置一下了。
配置完之后，就可以正常调试程序了。
用VSCode调试带参的Python程序
修改test.py里面的代码，让它能打印参数（修改后的代码见下面的图片）。
修改launch.json，找到"configurations"中"name"为"Python"的那个配置块，给它添加"args"项，如下图所示：
添加前的配置块：
添加后的配置块：
文件launch.json修改完毕后，按F5调试程序，可以看到控制台输出的结果：
在按F5调试时，VSCode每次都会在程序入口处暂停住，这是配置项"stopOnEntry"在起作用，将其改成false后就不会出现这种情况了。
用VSCode自动格式化代码
VSCode“自动格式化代码”的快捷键是“Alt+Shift+F”。要格式化Python代码，需要安装Python包yapf（或autopep8、等）。
在命令行下执行：
[plain] view plain copy
python -m pip install yapf
然后配置"settings.json"，启用yapf：
用VSCode对python代码进行语言分析
VSCode使用python的语言分析(写python代码的时候，编辑器会提示哪里出错，哪里的代码格式不规范)，可以安装flake8（或pylint、等）：
在命令行下执行：
[plain] view plain copy
python -m pip install flake8
然后配置"settings.json"，启用flake8：
更换文件图标主题（使VSCode左侧的资源管理器根据文件类型显示图标）：
可以选择已经存在的文件图标主题："文件"-"首选项"-"文件图标主题"-"Seti(Visual Studio Code)"。
你也可以安装“vscode-icons”插件，安装的方式：
在“扩展(Ctrl+Shift+X)”中，搜索“vscode-icons”，然后安装并重新加载它，然后VSCode会让你执行一些操作，以激活"vscode-icons"插件。操作为：
"文件"-"首选项"-"文件图标主题"-"VSCode Icons"。对应到英文的话，应该是"File" - "Preferences" - "File Icon Theme"-"VSCode Icons"。
Guides（缩进线插件，让代码看起来更清晰）：
在“扩展(Ctrl+Shift+X)”中，搜索“Guides”，然后安装并重新加载它即可。
VSCode调试egg.js项目
首先，在需要调试的地方打好断点
如上图，点击左侧的行数，158行就可以打上断点了
点击 vscode 左侧的debug窗口，如果你之前没有配置过 launch.json 文件，那么现实效果就会如下图一样。
点击左上方，【没有配置】，添加配置
VSCode本身就内置了Node.js的调试工具，如果将来你需要调试别的东西，可以在这里选择添加对应的调试插件工具。
这里我们调试的是Node.js，就选择Node.js，然后VSCode会在 /.vscode 目录中新建一个 launch.json 文件
launch.json 文件新建好后，我们需要进行一些配置操作，这里我们选择的是，附加到进程。
后面我们是先启动egg的调试进程，然后再将vscode附加到进程中的。
这里有一个很关键的节点， program 这个属性写的就是你需要调试的js文件，我这边调试的是刚才打上断点的文件 pledges.js
使用 iterm 进入到工程目录，开启调试模式
在VSCode中选择 Attach to Process ，并且选择egg-cluster这个进程。
等请求进入到刚才打断点的地方，VSCode就会自己跳转到调试点啦，然后就可以尽情调试啦~
BTW，如果你有更好，更简单的调试方式请告诉我...
如何在vscode中使用nodejs
一、使用Express创建项目[这两步都在dos 模式下执行]
1,安装全局的Express！(已安装请忽略)
npm install -g express
2,创建项目
创建项目（创建文件夹名称ExpressApp）
express ExpressApp
小插曲：如果你习惯了Linux下的环境，你可以在自己电脑上安装cmder(不知道是什么东西，请自行百度),这个命令行工具排版漂亮，不像微软的dos 那么枯燥!我用的是Mini版本，如果你想体验linux下的全部功能，可以下载full版本。
3，下载第三方包
（1）cmd命令行切换到项目目录
cd d:\nodejs\ExpressApp
（2）根据需要编辑package.json，运行如下指令安装第三方包
npm install
在项目目录下node_modules可见安装好的第三方包
ExpressApp
|– node_modules
（3）运行项目
npm start
输出如下：
ExpressApp@0.0.0 start d:\Nodejs_Workspace\ExpressApp
node ./bin/www
注：npm start指令会自动执行node ./bin/www
在浏览器中输入，可访问Express欢迎页面
二、使用VSCode开发Nodejs
1、VSCode打开Nodejs
code d:\nodejs\ExpressAppcode.
注：在当前项目下创建ExpressApp.bat，输入“code .”即可，下次直接此文件直接使用VSCode打开Nodejs项目
2、添加智能提示
VSCode打开Nodejs项目，默认是没有智能提示。
（1）使用TypeScript Definition Manager(TSD)在项目中下载所需的tsd文件，VSCode中打开时有智能
全局安装tsd（如已安装忽略）
npm install -g tsd
下载所需的组件提示（以下载node、express、requirejs提示为例）
tsd query node --action installtsd query express --action installtsd install require
注：
①多个提示组件在query参数后可以空格分隔简写为tsd query node express –action install
②组件会项目目录下添加typings文件夹
|– typings
|– node
|– express
|– require
（2）添加js文件引用的智能提示
假如在文件引用另外一个文件common.js时，文件头添加如下
{ // See // for the documentation about the jsconfig.json format "compilerOptions": { "target": "es6", "module": "commonjs", "allowSyntheticDefaultImports": true }, "exclude": [ "node_modules", "bower_components", "jspm_packages", "tmp", "temp" ]}
（小提示，如果你引入了rquire，那么你的编辑器右下方会显示一个“灯泡”的提示，你只要点灯泡就不用自己苦逼的写这个配置文件了）
此配置表示代码服从ES5标准并使用commonjs规范，发VScode下有此配置之后，可以实现在文件中对require引用js文件的智能提示。（我测试时无此配置也会有智能提示，不清楚什么原因）
node js 怎么搭配vscode使用
简介
Node.js是一个帮助开发应用的JavaScript运行平台, 它快速且灵活
NPM是一个Node.js模块的包管理程序
VS Code 支持JavaScript 和TypeScript语言--以及 Node.js 及时调试, 要想运行一个Node.js应用, 你需要安装Node.js的运行时环境
操作系统: OS X 10.11.6
版本:
VS Code 1.4
node 6.2.2
code 1.4.0
tsc 1.8.10
npm 3.9.5
VS Code 提供了一个 code 命令，用来在 shell 环境下调用编辑器。使用快捷键 ⇧⌘P（或 F1） 唤起命令面板，输入以下命令即可完成安装。
mkdir Hello
cd Hello
code .
您可以直接从命令行打开文件或文件夹。这里 '.' 是指到当前文件夹，因此 VS Code将启动并打开当前文件夹。
代码提示
通过tsd或者typings这两个工具安装（两个工具的作者是同一个人，目前tsd已经废弃了）。
tsd 和 typings 用法:
tsd:
//全局安装
npm install tsd -g
typings:
//全局安装
npm install typings -g
如果你的电脑上没有安装TypeScript Compiler的话，是无法使用tsc这个指令的。要安装也很简单
npm install typescript -g
node express、lodash等的自动补全
typings install dt~node --global
typings install dt~express --global
typings install dt~lodash --global
//vscode官方文档上express的typings使用的是
typings install dt~express dt~serve-static dt~express-serve-static-core --global
其中”dt~”为使用DefinitelyTyped类型定义的意思，vscode可以识别这种定义。
配置jsconfig.json
在使用typings之前，需要在vscode里面配置一下名为jsconfig.json的文件, VS Code通过这个文件找到自动补全文件。配置方法很简单，随便选中一个js文件，vscode右下角会弹出一个绿色的小灯泡，如图所示：
创建package.json
package.json 文件就是定义了项目的各种元信息，包括项目的名称，git repo 的地址，作者等等。最重要的是，其中定义了我们项目的依赖，这样这个项目在部署时，我们就不必将 node_modules
目录也上传到服务器，服务器在拿到我们的项目时，只需要执行 npm install
，则 npm 会自动读取 package.json 中的依赖并安装在项目的 node_modules
下面，然后程序就可以在服务器上跑起来了。
npm init
如果只是测试项目或者练习用，没有仓库地址
只需在package.json里面做如下配置即可:
{
...
"private": true,
...
}
以这种方式把项目声明为私有，这样npm就不会再提示配置repository及readme了
否则会遇到这个错误
npm WARN package.json xxx@0.0.0 No repository field.
npm WARN package.json xxx@0.0.0 No README data
需要配置仓库路径
{
...
"repository": {
"type": "git",
"url": ""
},
...
}
配置完成后就可以随意安装模块了
npm install utility express lodash --save
--save 的作用，就是会在你安装依赖的同时，自动把这些依赖写入 package.json。命令执行完成之后，查看 package.json，会发现多了一个 dependencies
字段
运行
VS Code内置调试器支持调试Node.js运行时，同时也可以调试JavaScript、TypeScript以及其他JS转译语言。
点击
图标来到调试界面
单击调试视图顶部栏中的齿轮图标，并选择好调试环境，VS Code会在.vscode目录下为你生成一份launch.json。
来看launch.json
这里的program 设置的是启动文件, index.js
此时回到文件界面, 按 F5 就可以运行了
