Vs Code 常用插件

最新推荐文章于 2024-05-14 13:05:08 发布

风茫

最新推荐文章于 2024-05-14 13:05:08 发布

阅读量5.2k

点赞数 3

文章标签： javascript 编辑器开发语言

本文链接：https://blog.csdn.net/qq_46032105/article/details/131141090

版权

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，可以安装后直接运行在node 环境中，然后在Vs Code中输出文件的结果,可以直接运行JS文件，并在编译器的控制台看到输出结果。安装步骤如下：
在这里插入图片描述

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

在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

关注