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的常见用法。

相关文章
|
1月前
|
Ubuntu Linux C语言
Ubuntu下安装vscode,并解决终端打不开vscode的问题
Ubuntu下安装vscode,并解决终端打不开vscode的问题
146 0
|
15天前
设置VSCode代码编辑器右侧的Minimap代码缩略图滚动条切换显示、隐藏的快捷键Alt+M
设置VSCode代码编辑器右侧的Minimap代码缩略图滚动条切换显示、隐藏的快捷键Alt+M
|
4月前
|
IDE JavaScript 开发工具
卸载NotePad++/SublimeText吧:VSCode才是史上最优秀的IDE编辑器
免费,这应该是所有人都所希望的,而且居然是微软开源免费的,你敢信吗?vscode使用的是MIT Lisense, 可随意下载, 分发, 商用等。下载地址:
|
2月前
|
缓存 JavaScript 开发工具
【安装指南】VSCode搭建运行Vue的详细教程
【安装指南】VSCode搭建运行Vue的详细教程
535 0
|
8天前
|
Linux 程序员 开发工具
最强文本编辑器 VIM 获取与安装
最强文本编辑器 VIM 获取与安装
|
15天前
设置VSCode编辑器、终端字体为微软雅黑Microsoft Yahei,字号大小为11像素
设置VSCode编辑器、终端字体为微软雅黑Microsoft Yahei,字号大小为11像素
|
3月前
|
Go
VsCode(Visual Studio Code) 安装插件教程
VsCode(Visual Studio Code) 安装插件教程
91 0
|
3月前
|
存储 Ubuntu
百度搜索:蓝易云【Ubuntu16.04安装VSCode教程】
注意:以上是在Ubuntu 16.04上安装VSCode的简要步骤。请确保你的系统已连接到互联网,并在终端中执行命令。
42 0
|
3月前
|
Web App开发 iOS开发 MacOS
解决macOS 应用安装在下载目录时遇到的 vscode 掉登录和应用无法随机启动的问题
解决macOS 应用安装在下载目录时遇到的 vscode 掉登录和应用无法随机启动的问题
29 0
|
3月前
|
JavaScript 前端开发
在 Vue 2 中安装和使用 mavon-editor富文本编辑器
在 Vue 2 中安装和使用 mavon-editor富文本编辑器
75 0