HTML编辑器IDE,vscode及插件的安装

写HTML代码可以直接使用文本编辑器,并保存为html格式,就像windows系统自带的.txt文档就可以了。但是我们为什么还要建议大家使用vscode呢?

  • python的web开发需要IDE编辑器进行文件的统筹,我们要学会使用IDE,学会用自己电脑上的浏览器测试html代码,而不是用在线的工具;
  • vscode功能很强大,可以用来开发多种计算机编程语言,比如c/c++、java、python、go、js等等,而且可以自动补全代码、高亮显示等等;
  • vscode免费,不存在什么社区版和收费版;
  • 选择“高级”菜单面板中的“环境变量”;

vscode安装

vscode是微软的产品,下载地址:

visual studio code

该地址页面的最下端有三个版本的镜像文件,分别是windows、macos和linux,大家可以根据自己电脑的系统进行选择。

下载完,点击安装即可。安装完之后,如果不适应英文的软件环境的话,可以去vscode的扩展里头,就是软件最左边的侧栏里头的那个方块状的东西,点击进去,搜索扩展“简体中文”,选择Microsoft版本的,之后可能要将软件重启一下(非电脑)。

vscode的使用

如果要具体介绍vscode,可能要另外写上一套教程,但大家不必慌张,个人认为我们大可不必系统地去学习这个软件,只要学会了用vscode如何创建工作区、保存工作区,如何新建文件、保存文件,如何运行文件,如何调取终端,如何debug,如何根据错误提示查找bug即可。而这些都在工具栏里头,大家可以随便试一试,或者跟着后面的教程慢慢地一个一个功能地使用,渐渐地就会熟悉熟练起来,到时候大家会发现那跟使用word软件每什么区别,甚至比word更简单。

vscode插件的安装

vscode除了上面的“简体中文”的插件之外,还有很多很好用的插件,鄙人将自己电脑上安装的全部罗列下来,包括代码补全、错误提示、高亮显示等等,应有尽有,具体的就不逐一介绍了,大家可以都尝试安装一下,占用不了多少存储的。

1、vscode-icons ;2、vscode-database ;3、View In Browser ;4、topper ;5、SQLite ;6、Rainbow CSV ;7、Python ;8、Path Intellisense ;9、open in browser ;10、Live Server ;11、Jupyter ;12、json ;13、jQuery Code Snippets ;14、JavaScript (ES6) code snippets ;15、HTML Snippets ;16、HTML CSS Support ;17、Go;18、Git History ;19、GBKtoUTF8 ;20、Django Template ;21、Django ;22、Debugger for Firefox ;23、Code Runner ;24、Class autocomplete for HTML ;25、Can I Use ;26、C/C++ ;27、Bracket Pair Colorizer ;28、Bootstrap 3 Snippets ;29、Beautify ;30、Auto Rename Tag ;31、Auto Close Tag ;32、[Deprecated] Debugger for Chrome

下一节我们将正式开始html的学习。


全栈前端 / HTML教程 :


















Copyright © 2022-2024 笨鸟工具 x1y1z1.com All Rights Reserved.