vscode c++插件 下载_vscode安装教程及插件推荐

9ed458c804ae8f162c8a5173096a3332.png

27040e9bea6a20b7d152b25b3d8061b4.png

27040e9bea6a20b7d152b25b3d8061b4.png Dawn1分钟前

这本篇文章将为大家介绍前端常用编辑软件vscode的安装,与vscode一些好用插件的推荐

首先我给大家介绍一下vscode对比其他编译软件的有着什么优越之处。

第一,vscode它是一款轻量级的编译软件,它的安装包仅有五十几兆,而且vscode的开启速度相比与其他软件来说十分快捷。

第二,它多平台支持,且操作简便、快捷,上手速度也十分的快,加上vscode是开源的,十分适合前端编程。

第三,vscode它是一款十分简洁的编程工具,当然我这里并不是说它功能少,而且恰恰相反vscode它的功能是十分强大的,因为它不仅有自身编译器所自带的功能它还拥有着丰富的插件系统,在里面你不仅可以编辑从HTML、css、js、jQuery、vue等,你也可以编辑c,c++,python,java等这类编程语言。

在简单的了解完vscode的一些优点之后我们来看看如何下载vscode。

安装教程

我们可以在vscode的官网https://code.visualstudio.com/上点击Download for Windows进行下载,也可点击右边下拉键自己选择下载适合的版本。

1. 下载好vscode后,我们双击打开下好的文件。

f79362fb1021069ac041e6aa1a50451a.png

2. 打开文件后会提示以下内容,点击继续即可。 c396850b28e3d13d374348f91ad4724d.png

3. 接下来点击“我接受协议”再点击下一步。d91b375543eca2d720dd4a4b89ef5a52.png

4. 进入选择安装地址界面,可点击浏览自定义下载地址,选择完成后点击下一步。6616bbc1dae24a03abf9607a115e8b05.png

5. 点击下一步。4909117fa166b87b4536e4c3f3b22920.png

6. 勾选 创建桌面快捷方式与添加到PATH,然后点击下一步。a0ae2ba4b4cbc36d95d7169796d4c24d.png

7. 点击安装,就可以开始安装vscode。ec586dedcf4f2f517a28e827a485dc33.png

当操作完后,桌面上会出现了vscode的快捷方式这就代表已经下好了vscode,那么在下好vscode后,就让我来为大家推荐一些vscode中比较好用的插件。

插件推荐

    排名不分先后


1. Auto Close Tag

自动重命名配对的HTML / XML标记。

ea458b82fdfb77346e9105bea8a1172c.gif

2. Beautify        美化JavaScript,JSON,CSS,Sass ,和HTML 在vscode的代码。

b7b4fb5b3e7888ad4b4b411f41b32f3a.png

3. chinese        此插件是vscode的中文简体语言包,一开始安装完vscode界面都是英文的,想要切换为中文就要下载此插件,完成后重启vscode即可变为中文。

04ace47f6fc55c1aed1457b698089c7f.png

4. Code Spell Checker        vscode中的代码拼写检查器,可以极大减少代码的拼写错误。

58085c4e24a992002ef479531e24e0e4.gif

5. filesize        此插件可以 在编辑器的状态栏中显示聚焦文件的大小。

6b5a7f53293275937903aa9d09b0a5a6.png

6. Image preview        此插件会在引入图片时,在装订线或鼠标悬停时显示图片。

77a52663fcffcfe3bf17395ba4190419.png

7. indent-rainbow         此插件可以使文本前面的缩进着色,每步交替四种不同的颜色。

caf31afd9a3b969e243f65ebd47f513c.png

8. vscode-icons         此插件可以将左侧文本的图标主题修改。 abdb0afac889be4ba70a76072da38b9f.gif 9. Rainbow Brackets         此插件可以使代码的圆括号,方括号和弯曲的括号变成彩虹色让代码条例更清晰。

097c1ec4cbbbb8e3fc1ae0028a00a9e3.png

10. open in browser          使用Alt + B快捷方式在默认浏览器中打开当前 HTML 文件,或Shift + Alt + B 选择一个浏览器。

92329cac03f513cd6d0b260bd91fbbf6.png

11. Live Server        此插件可以实时加载页面,以处理静态动态页面

655e95735997927cc1a10b2ef4853276.gif


好了,以上就是vscode中我认为比较好用的插件,如果你认为还有什么好用的插件没有提到,也欢迎关注我们的微信公众号,来留言,我们也会不断更新分享新的前端知识。

4c4e4961d999028026c7fbe7c40719a1.png 6d69431e320cfa1bdb2031cfa11ab095.png

IT/摄影/推理

喜欢的事情努力追寻

CONTACT US

微博:工丅Shinichi

QQ群:1038893584

邮箱:wpm695@outlook.com

d10fbd933e92b26bb7c695acd60f5b1c.gif 2b15060abead72af09b21db8fd6dfe2a.png 7c817f9e9b7d29b52582818fe9471c9b.gif
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值