Vs Code 常用插件

Visual Studio Code是由微软公司推出的一款免费、开源的代码编辑器。对于Web前端开发人员，一个强大的编辑器可以使开发变得简单、便捷、高效。VS Code提供了非常丰富的插件功能，根据你的需要，安装对应的插件可以大大提高开发效率。

1.Chinese (Simplified) (简体中文) Language Pack for Visual Studio Code

Vs Code 下载下来默认是英文的，我们可以下载这个插件将编译器汉化，提高开发效率。安装步骤如下：

在插件市场中的输入框内输入【Chinese】并找到【Chinese (Simplified) Language Pack for Visual Studio Code】这个插件。在这个插件的详细界面点击【Install】按钮进行安装。 安装以上步骤依次安装即可。安装完成后按快捷键【Ctrl+Shift+p】打开命令面板并输入【config】后找到【Configure Display Language】选项并点击。 在接下来的二级菜单选择【zh-cn】，此时编辑器会弹出个访问窗口是否要重启编辑器生效语言的修改，点击【restart】按钮重新启动编辑器,这就完成了汉化。 Code Runer

Code Runer，可以安装后直接运行在node 环境中，然后在Vs Code中输出文件的结果,可以直接运行JS文件，并在编译器的控制台看到输出结果。安装步骤如下：

在插件市场搜索【Code Runner】就可以找到，依次点击安装即可。安装完成之后就可以直接使用了，例如在编辑器打开的js文件中，输入快捷键【Ctrl + Alt + N】或者 在页面右键选择 【Run Code】或者点击下图中右上角的运行按钮都可以运行js文件，并将结果输出在下方控制台，比在浏览器调试js文件方便多了。 open in browser

在Vs Code中运行html文件，并在浏览器打开。安装步骤如下： 右键选择在默认浏览器打开就好了。

安装完成之后如果发现不能用的话，需要做一下配置：依次点击【文件】-> 【首选项】-> 输入【open in】-> 复制【chrome, google chrome, google-chrome, gc】放进去就好了。快捷键【Alt + B】或者右键都可以运行。这是因为你不需要设置open-in-browser.default非常准确值，只要值匹配下列选项值就能处理： Chrome值：Chrome, google Chrome, google-Chrome, gc, Firefox 值:Firefox, mozilla Firefox, ff, IE值ie, iexplore, safari 值:Safari Opera值:opera Chromium值: chromium, Firefox Developer Edition开发人员版观: firefox developer, fde， firefox developer edition Edge值:edge, msedge, microsoftedge