本文目录
- visual studio 和visual studio code 的区别是什么
- 直接上手！不容错过的 Visual Studio Code 十大扩展组件
- visual studio code怎么运行代码
visual studio 和visual studio code 的区别是什么
区别有三：
区别一：含义不一样。
Visual Studio（简称VS）是美国微软公司的开发工具包系列产品，是一个基本完整的开发工具集，它包括了整个软件生命周期中所需要的大部分工具，如UML工具、代码管控工具、集成开发环境(IDE)等。通俗的讲，是一款编译器。
visual studio code是美国微软公司是一个项目：运行于 Mac OS X、Windows和 Linux 之上的，针对于编写现代 Web 和云应用的跨平台源代码器。通俗地讲，是一款器。
区别二：跨平台运行能力不一样。
Visual Studio 各种功能只能在 Windows 和 macOS（Mac OS X ）之上运行，不能跳跃各平台。
visual studio code是一款真正的跨平台器，可以在用户习惯的平台上使用，而不是非要迁徙到 Windows上。
区别三：功能不一样。
Visual Studio是目前最流行的Windows平台应用程序的集成开发环境。提供了高级开发工具、调试功能、数据库功能和创新功能，帮助在各种平台上快速创建当前最先进的应用程序，开发新的程序。
visual studio code集成了所有一款现代器所应该具备的特性，包括语法高亮，可定制的热键绑定，括号匹配以及代码片段收集，这款器也拥有对 Git 的开箱即用的支持。
扩展资料：
visual studio 和visual studio code之间的关系。
简单来说， Visual Studio Code是微软提供的跨平台的代码器（像Notepad++之类），而visual studio 2015是集成开发工具（IDE）。
对于使用 windows 平台的人而言，它其实毫无意义。但是对于 linux、mac 平台的人，尤其是那些喜欢在不同器之间来回跳跃、没有定性没有归属感的开发者，这是一个诱惑。
接着 vs 的霸主势头，微软做出了一种“气势”来，用跨平台开源软件来“黑”各种 linux、mac下面的开发工具。
打个比方形容二者间的关系：宝马汽车开发了一款电动玩具摩托车，专门安装在旋转木马上给游乐园使用的。它具有宝马公司的某些技术，但是是从专门打造的汽车到游乐园设备跨界的成果。
你不能因此就说这种玩具就是可以上公路跑的宝马汽车，但是你也不能否认它是宝马品牌的。
参考资料来源：百度百科—Microsoft Visual Studio
参考资料来源：百度百科—visual studio code
直接上手！不容错过的 Visual Studio Code 十大扩展组件
盘点最常用的十大 Visual Studio Code 扩展组件。
作者 | David Neal
译者 | 谭开朗
责编 | 屠敏
出品 | CSDN（ID：CSDNnews）
各大平台与各种语言的开发人员都在使用Visual Studio Code，我对此感到惊讶。Stack Overflow发布的2019年开发者调查结果显示，VS Code占主导地位。我使用VS Code的主要原因是它能很好的支持JavaScript和Node.js的代码调试，并且能免费使用Visual Studio Marketplace中提供的定制化扩展组件。
然而，这里面有成千上万个扩展组件！我们怎么知道哪些是好用的呢？
一种方法是通过查看扩展组件的平均评级和下载数量来衡量其受欢迎程度。另一种方法是阅读像本文这种包含个人观点的文章。一起来看看吧！
下面是我为Node.js开发人员推荐的Visual Studio Code扩展组件。
Bracket Pair Colorizer2
我写代码是尽可能的简洁明了，并且不嵌套太多的东西。然而事与愿违，有些时候这是不可避免的。Bracket Pair Colorizer2为结对的括号提供了颜色高亮功能，便于我们直观的看出对应的左括号和右括号。
npm
npm扩展组件有两个功能：运行器中webpack.json定义的npm脚本，并验证package.json中列出的文件包。
npm Intellisense
使用require()导入模块代码时，npm Intellisense组件会自发进行包提示。
ESLint
在初始化一个新的Node.js项目文件时，我要做的第一件事就是在终端安装ESLint。
ESLint组件会使用本地ESLint和配置规则来查找JavaScript代码中的常见模式问题，以便减少bug而编写出更好的代码。ESLint还可以重新格式化代码使其一致性更好，这取决于我们启用的规则。请确保VS Code设置了自动保存修复功能（”eslint.autoFixOnSave”: true）。
要初始化ESLint配置文件，我们可以在项目中运行此命令：
当前的.eslintr .js内容如下：
Code Spell Checker
我不知道大家的情况怎么样，但当我发现我在代码中拼错了函数名、变量、注释或其他任何东西时，我真的很恼火。如果通篇都是拼写错误的，那是可以正常运行的，但是拼写错误仍然会让人沮丧或尴尬。
Code Spell Checker组件的出现终结了拼写错误时代！该组件很好的一个特性是可以区分camelCase、PascalCase、snake_case等。另一个很棒的特性是它有西班牙语、法语、德语、俄语和其他一些语言的词典。
Auto Close Tag（自动关闭标签）
VS Code最新版本会对HTML或XML文件自动创建结束标签。对于其他文件类型，如JavaScript、Vue和JSX，Auto Close Tag将为我们缩短某些输入。
DotENV
用环境变量来配置Node.js应用程序是很常见的。管理环境变量最流行的一个模块是dotenv。VS Code的DotENV扩展组件在.env文件时添加了便捷的语法高亮显示功能。
Path Intellisense
Path Intellisense组件增加了对文件路径和名称的自动补全功能，以此来降低手工输入从而减少引入与路径相关的bug。
MarkDownLint
优秀的代码和文档是相辅相成的。我更喜欢用markdown格式编写README文件或其他文档。Markdownlint组件可以帮助我们确保markdown语法的正确性。
Material Icon Theme
Material Icon Theme组件为VS Code的不同文件类型添加了多种图标。˙这样能快速区分项目中不同的文件以便很大限度的节省时间！
其他权威的VSCode扩展组件（Node.js适用）
以下扩展组件没有排进前10名，但是对于Node.js开发人员来说，它们在某些场景中很有用！
原文：
visual studio code怎么运行代码
vscode写html 代码不能运行 Code language not supported or defined是没有正确调试造成的，解决方法为：
1、首先需要在这里打开vs code软件，新建后才能编译测试。
2、此时我们就能在这里设置vs code软件的名称，既能开始设置。
3、此时我们就能在这里选择项目的框架，选择后点击创建命令即可。
4、当我们打开vs code软件并创建项目，就能来到这个界面窗口。
5、此时我们就能在这里点击调试的菜单命令，点击后即可对命令的使用。
6、因此，点击调试即可对vscode程序编译运行即可，如图所示。
