前端必备的开发工具推荐——VScode代码编辑器

举报
国服第二切图仔 发表于 2022/07/08 00:39:58 2022/07/08
【摘要】 ​前言         VSCode(全称:Visual Studio Code)是一款由微软开发且跨平台的免费源代码编辑器。该软件支持语法高亮、代码自动补全(又称 IntelliSense)、代码重构、查看定义功能,并且内置了命令行工具和 Git 版本控制系统。用户可以更改主题和键盘快捷方式实现个性化设置,也可以通过内置的扩展程序商店安装扩展以拓展软件功能,VS Code 使用 Monac...

前言

 

        VSCode(全称:Visual Studio Code)是一款由微软开发且跨平台的免费源代码编辑器。该软件支持语法高亮、代码自动补全(又称 IntelliSense)、代码重构、查看定义功能,并且内置了命令行工具和 Git 版本控制系统。用户可以更改主题和键盘快捷方式实现个性化设置,也可以通过内置的扩展程序商店安装扩展以拓展软件功能,VS Code 使用 Monaco Editor 作为其底层的代码编辑器。在 2019 年的 Stack Overflow 组织的开发者调查中,Visual Studio Code 被认为是最受开发者欢迎的开发环境。


一、vscode简介

编辑


Visual Studio Code 默认支持非常多的编程语言,包括 JavaScript、TypeScript、CSS 和 HTML;也可以通过下载扩展支持 Python、C/C++、Java 和 Go 在内的其他语言。支持功能包括语法高亮、括号补全、代码折叠和代码片段;对于部分语言,可以使用 IntelliSense。Visual Studio Code 也支持调试 Node.js 程序。和 GitHub 的 Atom一样,Visual Studio Code 也基于 Electron 框架构建。

Visual Studio Code 支持同时打开多个目录,并将信息保存在工作区中以便复用。

作为跨平台的编辑器,Visual Studio Code 允许用户更改文件的代码页、换行符和编程语言


二、VScode 安装


 你也可以打开下载页面 Download Visual Studio Code - Mac, Linux, Windows,下载想要的格式包:

编辑


VSCode 安装很简单,macOS 下载 zip 解压后就能使用。

本章节我们以 Windows 为例下载安装包,然后双击打开安装包,点击 Next:

编辑

 选中接受协议选项,然后点击 Next:

编辑

 选择安装路径,也可以直接使用默认的:

编辑

 点击 Next:

编辑

 意安装路径设置、环境变量默认自动添加到系统中,勾选以下所有选项:

编辑

   最后我们点击 Install 就可以完成安装了:

编辑

 编辑

 2.安装汉化包

VScode 安装汉化包很简单,打开 VScode,点击安装扩展,在搜索框输入 Chinese,然后点 Install 就可以

编辑

VScode 的扩展功能非常强大,我们可以找到几乎所有开发需要的工具,当然也可以自己开发。

VScode 扩展说明文档参考:Managing Extensions in Visual Studio Code

3.界面说明

以下是 VScode 启动后的界面,简单说明如图:

编辑



总结

例如:以上就是今天要讲的内容,本文介绍了vscode编辑器的安装使用,如果对你有所帮助的话,给个一键三连吧。

【版权声明】本文为华为云社区用户原创内容,转载时必须标注文章的来源(华为云社区)、文章链接、文章作者等基本信息, 否则作者和本社区有权追究责任。如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱: cloudbbs@huaweicloud.com
  • 点赞
  • 收藏
  • 关注作者

评论(0

0/1000
抱歉,系统识别当前为高风险访问,暂不支持该操作

全部回复

上滑加载中

设置昵称

在此一键设置昵称,即可参与社区互动!

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。