VSCode安装步骤及基本使用方法介绍,需要掌握安装和卸载VSCode的插件,知道怎么设置VSCode的颜色主题和字体大小。
1、VSCode的基本介绍
全拼是VisualStudioCode(简称VSCode)是由微软研发的一款免费、开源的跨平台代码编辑器,目前是前端(网页)开发使用最多的一款软件开发工具。
2、VSCode的安装
(1)选择对应的安装包进行下载:
![](http://ttzixun.oss-cn-beijing.aliyuncs.com/ttzixun/pic/959c489f-7720-4ffd-940a-c8aa6914ecbd.jpg)
(2)根据下载的安装包双击进行安装即可,当然为了更好的使用VSCode还可以安装对应的插件。
3、VSCode的插件安装
(1)汉化插件安装平台选择平台选择
![](http://ttzixun.oss-cn-beijing.aliyuncs.com/ttzixun/pic/b3cebac3-8db6-442d-9f0a-4258bf91728c.jpg)
![](http://ttzixun.oss-cn-beijing.aliyuncs.com/ttzixun/pic/afb8705c-80ad-4ab5-b086-4269e9e0ce40.jpg)
(2)openinbrowser插件安装平台选择注意:如果在VSCode打开的html文档中右击没有出现openinbrowser类型的选项,需要把当前打开的文件关掉,重新打开这个文件就好了。
![](http://ttzixun.oss-cn-beijing.aliyuncs.com/ttzixun/pic/617655d3-806d-42f4-a903-b375071ac65f.jpg)
4、VSCode的插件卸载
点击对应安装的插件,然后再点击卸载按钮即可。
5、VSCode的使用
(1)打开文件夹创建文件平台选择平台选择
![](http://ttzixun.oss-cn-beijing.aliyuncs.com/ttzixun/pic/251202c6-8fc2-463f-ab4c-702335803ccd.jpg)
![](http://ttzixun.oss-cn-beijing.aliyuncs.com/ttzixun/pic/a6da1ad4-4e43-4ad5-95c7-703ff58c8382.jpg)
(2)快速创建html文档的基本结构平台选择
![](http://ttzixun.oss-cn-beijing.aliyuncs.com/ttzixun/pic/f6cd6e4c-1ef7-4d1d-9194-f1fd7a0b50bd.jpg)
(3)右击在浏览器打开html文档平台选择
![](http://ttzixun.oss-cn-beijing.aliyuncs.com/ttzixun/pic/ff5b5832-d749-4316-adcd-67a01ecc2495.jpg)
6、设置字体大小
![](http://ttzixun.oss-cn-beijing.aliyuncs.com/ttzixun/pic/b768ef43-439b-46c1-b4fb-f450dec010d6.jpg)
![](http://ttzixun.oss-cn-beijing.aliyuncs.com/ttzixun/pic/71a4faf8-b62e-4e90-afb4-30b274ad9250.jpg)
7、设置颜色主题
![](http://ttzixun.oss-cn-beijing.aliyuncs.com/ttzixun/pic/21767925-d9ea-4210-bd2a-ca18b8c7c397.jpg)
![](http://ttzixun.oss-cn-beijing.aliyuncs.com/ttzixun/pic/4da6ac6b-5622-4b34-921c-24d701c92fe6.jpg)
8、设置默认浏览器[可选]
可以根据自己的需要设置默认使用的浏览器
![](http://ttzixun.oss-cn-beijing.aliyuncs.com/ttzixun/pic/2530e729-5f26-420a-8e3a-9a2a5fa5628c.jpg)
小结:VSCode是由微软研发的一款免费、开源的跨平台代码编辑器;通过资源管理器打开文件夹创建HTML文件,编写HTML代码;可以根据需要安装对应的插件;可以设置字体大小和颜色主题。
文章为用户上传,仅供非商业浏览。发布者:Lomu,转转请注明出处: https://www.daogebangong.com/articles/detail/VSCode-an-zhuang-bu-zhou-ji-ji-ben-shi-yong-fang-fa-jie-shao.html
评论列表(196条)
测试