VS Code开发工具

本文详细介绍了如何从VSCode官网下载对应版本,以及如何安装和配置语言包(中文简体)和一系列常用的开发插件,如ES6语法提示、代码美化等。
摘要由CSDN通过智能技术生成

下载VSCode

1、官网下载地址:https://code.visualstudio.com/

  • 进入官网点击右上角Download

在这里插入图片描述

  • 根据自己的情况选择对应的版本下载即可

在这里插入图片描述

二、安装

1、双击应用程序

  • 同意协议并点击下一步
    在这里插入图片描述

2、选择目标位置

  • 建议更改安装路径,之后点击下一步
    在这里插入图片描述

3、选择开始菜单文件夹

  • 默认即可,点击下一步
    在这里插入图片描述

4、选择附加任务

  • 其他全部勾选,创建桌面快捷方式根据自己的需要选择是否勾选
    在这里插入图片描述

5、准备安装

  • 直接点击安装即可
    在这里插入图片描述

6、正在安装

在这里插入图片描述

7、安装成功

  • 根据自己的需要选择是否运行,点击完成即可
    在这里插入图片描述

8、第一次打开VSCode

在这里插入图片描述

三、安装常用插件

1、简体中文语言包

插件名称:Chinese(Simplified)Language Pack
  • 复制上述插件名称
  • 打开VSCode,点击扩展
    在这里插入图片描述
  • 将插件名称粘贴到搜索栏中,搜素出来的第一个就是需要的安装包,点击install等待一段时间即可
    在这里插入图片描述
  • 等安装包出现Uninstall的时候,说明已经安装完成,此时可以点击下方的Change Language and Restart重启VSCode。
    在这里插入图片描述
  • 重启之后的VSCode界面当中展示中文
    在这里插入图片描述

2、拼写检查器

插件名称:Code Spell Checker
  • 安装步骤与 1 相同,此处不再赘述

3、自动补全

插件名称:HTML CSS Support

4、支持ES6语法提示

插件名称:JavaScript(ES6) code snippets

5、

插件名称:Mithril Emmet

6、

插件名称:Path Intellisense

7、

插件名称:Vue 3 Snippets

8、

插件名称:VueHelper

9、

插件名称:Auto Close Tag

10、

插件名称:Auto Rename Tag

11、

插件名称:Beautify

12、

插件名称:Bracket Pair Colorizer

13、

插件名称:open in browser

14、

插件名称:Vetur

15、

插件名称:Intellij IDEA Keybindings
  • 5
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值