开发者社区> 程序员大阳> 正文
阿里云
为了无法计算的价值
打开APP
阿里云APP内打开

JavaWeb学习之路(11)--VSCode来了,超好用的代码编辑器,详细安装过程

简介: 本文目录 1. 编辑器 2. 编辑器是干啥的 3. VSCode编辑器的特长 4. VSCode下载与安装 5. VSCode安装 6. 小结
+关注继续查看

1. 编辑器

在之前的章节中,我们一直使用最原始的记事本进行代码的编辑。然后将文件拓展名修改为.html后,通过浏览器进行查看。


随着我们学习的标签种类越来越多,大家可能已经发现了,用记事本写一段网页代码是非常费劲的。


所以本篇,我们就来给大家介绍一款超好用的代码编辑器,也是当前前端开发领域最流行的编辑器——VSCode。


2. 编辑器是干啥的

注意,如果是同样的一段代码,使用记事本编写,或者使用VSCode等编辑器进行编写,其实写出来的东西是一模一样的,都是代码。


但是,编辑器可以让编写、查看代码更加清晰、直观、高效。例如可以用颜色区分代码的不同部分,帮助大家理解代码;可以自动联想补全代码,提高大家的编写效率;可以自动为代码进行格式化,让代码更加井井有条,帮助大家更加直观的查看代码。


所以编辑器,实际上是一种提高效率的工具。


3. VSCode编辑器的特长

网页编辑器有很多,为何VSCode能够独领风骚?


我认为VSCode成功的一个关键是插件机制,就是可以通过安装各种插件来拓展VSCode的功能。


例如VSCode默认是英文版本的,可以安装一个中文插件,就能显示中文版本了。


通过插件机制,VSCode具备了无限可能性!


4. VSCode下载与安装

说了半天,我们来下载并安装VSCode,其实VSCode也是一个软件,下载后双击安装包安装就是了。


首先打开下载地址:VSCode下载地址,然后选择Windows版本下载,如下图:



点击上图中圈出的下载链接,然后稍等一会就会启动下载。


5. VSCode安装

下载完毕后,我们得到了一个安装包,它是一个exe可执行程序。双击这个程序,即可开始安装VSCode。


接下来,我通过截图的方式,详细给大家描述下安装过程,以便让大家明白我们安装过程的细节。


第1步,是要同意安装协议,相当于你要使用人家这个软件,就得同意人家的一些条件,这个嘛同意就行,然后点击下一步。




第2步,选择红线标出的两个复选框,创建桌面快捷方式很好理解,就是在桌面上放一个图标,可以双击打开VSCode;添加到PATH的意思是将VSCode添加到系统环境变量,这样我们在使用命令行等工具的时候,可以轻松调用到VSCode。注意添加到PATH这个如果不理解的话,也没啥影响,感兴趣的同学可以自己再去搜索了解。



第3步,直接点击安装就OK了。


最后,安装完毕后,可以双击桌面上的VSCode图标启动VSCode进行使用。


6. 小结

本篇介绍了VSCode的特点及安装过程,下一篇讲解下VSCode的常见用法。

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
从零开始Web自动化(三):通过selenium,9行代码实现打字网站的自动打字
从零开始Web自动化(三):通过selenium,9行代码实现打字网站的自动打字
9 0
从零开始Web自动化(三):通过selenium,9行代码实现打字网站的自动打字
从零开始Web自动化(三):通过selenium,9行代码实现打字网站的自动打字
6 0
javaweb(JSP):网页代码
javaweb(JSP):网页代码
19 0
EasyUI+JavaWeb奖助学金管理系统[14]-机构新增、编辑、删除的实现
本文目录 1. 本章任务 2. 新增功能的实现 2.1 添加新增弹窗 2.2 页面初始化时加载上级机构列表 2.3 后端提供获取机构列表方法 2.4 点击保存后将内容提交 2.5 后端处理新增保存请求 2.6 测试 3. 编辑功能的实现 4. 删除功能的实现 5. 总结
55 0
x264代码剖析(九):x264_encoder_encode()函数之x264_slice's'_write()函数
<h1 style="text-align:center">x264<span style="font-family:宋体">代码剖析(九):</span><span style="font-family:Calibri">x264_encoder_encode()</span><span style="font-family:宋体">函数之</span><span style="font
2464 0
给 Web 前端开发人员推荐20款 CSS 编辑器
  CSS 和 HTML,JavaScript 是网页的基础,作为前端开发人员,对这三者都要很熟悉。特别是未来流行全栈开发的时代,每项技术都是你知识结构中必要的一个节点。   在开发中,选择好工具是非常重要的。
1519 0
向Web开发人员推荐12款优秀的 Twitter Bootstrap 组件和工具
 Bootstrap 是基于 HTML,CSS 和 JavaScript 的简洁灵活的流行前端框架及交互组件集,由微博的先驱 Twitter 在2011年8月开源的整套前端解决解决方案。
998 0
向Web开发人员推荐12款优秀的 Twitter Bootstrap 组件和工具
  Bootstrap 是基于 HTML,CSS 和 JavaScript 的简洁灵活的流行前端框架及交互组件集,由微博的先驱 Twitter 在2011年8月开源的整套前端解决解决方案。Bootstrap 有非常完备和详尽的开发文档,Web 开发人员能够轻松搭建出清爽风格的界面以及实现良好的交互效果。
1237 0
新书出版:Java Web开发速学宝典,欢迎试读
本文为原创,如需转载,请注明作者和出处,谢谢! Java Web开发速学宝典 定购china-pub当当网 北京新华书店市场价 : ¥59.
702 0
+关注
程序员大阳
计算机技术哪家强,中国山东找大阳
593
文章
0
问答
文章排行榜
最热
最新
相关电子书
更多
低代码开发师(初级)实战教程
立即下载
阿里巴巴DevOps 最佳实践手册
立即下载
冬季实战营第三期:MySQL数据库进阶实战
立即下载