这本篇文章将为大家介绍前端常用编辑软件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后,我们双击打开下好的文件。 2. 打开文件后会提示以下内容,点击继续即可。3. 接下来点击“我接受协议”再点击下一步。
4. 进入选择安装地址界面,可点击浏览自定义下载地址,选择完成后点击下一步。
5. 点击下一步。
6. 勾选 创建桌面快捷方式与添加到PATH,然后点击下一步。
7. 点击安装,就可以开始安装vscode。
当操作完后,桌面上会出现了vscode的快捷方式这就代表已经下好了vscode,那么在下好vscode后,就让我来为大家推荐一些vscode中比较好用的插件。
插件推荐排名不分先后
1. Auto Close Tag
自动重命名配对的HTML / XML标记。
2. Beautify 美化JavaScript,JSON,CSS,Sass ,和HTML 在vscode的代码。 3. chinese 此插件是vscode的中文简体语言包,一开始安装完vscode界面都是英文的,想要切换为中文就要下载此插件,完成后重启vscode即可变为中文。 4. Code Spell Checker vscode中的代码拼写检查器,可以极大减少代码的拼写错误。 5. filesize 此插件可以 在编辑器的状态栏中显示聚焦文件的大小。 6. Image preview 此插件会在引入图片时,在装订线或鼠标悬停时显示图片。 7. indent-rainbow 此插件可以使文本前面的缩进着色,每步交替四种不同的颜色。 8. vscode-icons 此插件可以将左侧文本的图标主题修改。 9. Rainbow Brackets 此插件可以使代码的圆括号,方括号和弯曲的括号变成彩虹色让代码条例更清晰。 10. open in browser 使用Alt + B快捷方式在默认浏览器中打开当前 HTML 文件,或Shift + Alt + B 选择一个浏览器。 11. Live Server 此插件可以实时加载页面,以处理静态和动态页面。好了,以上就是vscode中我认为比较好用的插件,如果你认为还有什么好用的插件没有提到,也欢迎关注我们的微信公众号,来留言,我们也会不断更新分享新的前端知识。
IT/摄影/推理
喜欢的事情努力追寻
▼CONTACT US
微博:工丅Shinichi
QQ群:1038893584
邮箱:wpm695@outlook.com