HTML5培训-高端面授HTML5培训机构
云和教育:云和数据集团高端IT职业教育品牌
  • 华为
    授权培训中心
  • 腾讯云
    一级认证培训中心
  • 百度营销大学
    豫陕深授权运营中心
  • Oracle甲骨文
    OAEP中心
  • Microsoft Azure
    微软云合作伙伴
  • Unity公司
    战略合作伙伴
  • 普华基础软件
    战略合作伙伴
  • 新开普(股票代码300248)
    旗下丹诚开普投资
  • 中国互联网百强企业锐之旗
    旗下锐旗资本投资

如何安装Visual Studio Code编辑器?

  • 发布时间:
    2022-06-07
  • 版权所有:
    云和教育
  • 分享:

Visual Studio Code是由微软公司推出的一款免费、开源的代码编辑器,一经推出便受到开发者的欢迎。对于Web前端开发人员,一个强大的编辑器可以使开发变得简单、便捷、高效。

Visual Studio Code 

 

Visual Studio Code编辑器特点:

1.轻巧、极速,占用系统资源较少。

2.具备智能代码补全、语法高亮显示、自定义快捷键和代码匹配等功能。

3.跨平台,可用于macOS、Windows和Linux系统。

4.主题界面的设计比较人性化。例如,可以快速查找文件并直接进行开发,可以通过分屏显示代码,可以自定义主题颜色(默认为黑色),也可以快速查看最近打开的项目文件和查看项目文件结构。

5.提供丰富的扩展(extension),用户可根据需要自行下载和安装扩展。常用的扩展有Chinese和Live Server等。

Visual Studio Code的下载安装

 

下载Visual Studio Code编辑器首先要到Visual Studio Code官方网站下载软件到本地。
Visual Studio Code官网 

双击安装包启动安装程序。

启动安装程序 

点击下一步,进入准备安装界面,点击安装开始Visual Studio Code编辑器。
Visual Studio Code准备安装界面 

 

 

Visual Studio Code编辑器主界面
Visual Studio Code主界面 

点击设置按钮可以将主界面默认颜色(黑色)设置为”Light +(default light)”。
设置主界面颜色
设置后的效果如下:
Visual Studio Code设置颜色效果 

 

安装Chinese扩展

将Visual Studio Code编辑器的语言(默认英文)设置为中文。

实现步骤:单击左边栏中的第5个图标按钮(Extensions扩展按钮)然后在搜索框中输入关键词“Chinese”找到中文语言扩展,最后单击”Install”按钮进行安装。

 

安装Chinese扩展

安装Live Server扩展

Live Server扩展可以创建一个本地服务器来预览网页,服务器的默认端口是5500,用户也可以自行设置端口号、默认浏览器等。使用Live Server扩展运行程序时,如果对代码进行了修改,不需要重新刷新浏览器即可更新页面内容。

具体安装步骤:单击左边栏中的第5个图标按钮(Extensions扩展按钮),然后在搜索框中输入关键词“live server”找到该扩展,单击“安装”按钮进行安装。

 

以上就是Visual Studio Code的安装过程如果您还有其他疑问请移步云和数据我们的客服老师会为你一一详细解答。