window10 64位 下载安装vscode及其配置基本插件

1、进入官网https://code.visualstudio.com/Download

最好下载压缩包 。zip
在这里插入图片描述
解压到非系统盘(C盘),文件夹最好不要出现中文和空格,我解压到D盘,直接运行code.exe即可
在这里插入图片描述

2、将vscode修改为中文环境

搜索“chinese” 点击“insatll 下载安装中文语言包
在这里插入图片描述

3、将vscode重启

就是中文界面了
在这里插入图片描述

4、安装相关插件

1、修改 html 标签,自动帮你完成头部和尾部闭合标签的同步修改在这里插入图片描述
2、Code Spell Checker 代码拼写检查器
一个与camelCase代码配合良好的基本拼写检查程序。
此拼写检查程序的目标是帮助捕获常见的拼写错误,同时保持误报数量较低。
在这里插入图片描述
3、vscode-icons
显示Visual Studio代码的图标,目前该插件已被vscode内部支持:“文件” -> “首选项” -> “文件图标主题”
在这里插入图片描述
4、Guides 显示代码对齐辅助线
在这里插入图片描述
5、Import Cost 对引入的计算大小
在这里插入图片描述
在这里插入图片描述
6、HTML Snippets 提示完整的HTML代码提示,包括HTML5

在这里插入图片描述
7、Bracket Pair Colorizer给代码中的括号添加亮色 便于区分

8、Auto Close Tag (自动补全标签 )

9、Class autocomplete for HTML (自动补全class="" 属性)

10、.Debugger for Microsoft Edge (打断点 映射vscode上到Microsoft Edge 上 方便调试) 我喜欢这个浏览器调试
在这里插入图片描述
11、Beautify 美化代码

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

北街风

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值