VSCode下载安装相关超值

傷城~ 2023-10-02 18:23 28阅读 0赞

## VSCode下载安装及操作 ##

VSCode是微软提供的一款功能强大的轻量级编辑工具，支持多种语言如HTML5、Java、Python，而且提供了大量的依赖库。

### 下载 ###

下载地址：https://code.visualstudio.com/  
![请添加图片描述][watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBAd2VpeGluXzQ4MDg4ODM5_size_20_color_FFFFFF_t_70_g_se_x_16]  
下载不同系统对应的安装程序  
![请添加图片描述][watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBAd2VpeGluXzQ4MDg4ODM5_size_20_color_FFFFFF_t_70_g_se_x_16 1]

### 安装 ###

双击安装程序  
![请添加图片描述][f6d898e709fc416ca67d391e6a38475a.png]  
许可协议界面  
![请添加图片描述][watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBAd2VpeGluXzQ4MDg4ODM5_size_20_color_FFFFFF_t_70_g_se_x_16 2]  
选择安装位置，可以是默认位置，也可以是自定义位置，建议使用默认位置。如果采用默认的忽略1步，直接单击下一步。  
![请添加图片描述][watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBAd2VpeGluXzQ4MDg4ODM5_size_20_color_FFFFFF_t_70_g_se_x_16 3]  
为开始菜单定义文件夹的名字，可以是默认的，也可以是自定义。如果采用默认的忽略1步，直接单击下一步。  
![请添加图片描述][watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBAd2VpeGluXzQ4MDg4ODM5_size_20_color_FFFFFF_t_70_g_se_x_16 4]  
安装配置  
![请添加图片描述][watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBAd2VpeGluXzQ4MDg4ODM5_size_20_color_FFFFFF_t_70_g_se_x_16 5]  
配置信息浏览  
![请添加图片描述][watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBAd2VpeGluXzQ4MDg4ODM5_size_20_color_FFFFFF_t_70_g_se_x_16 6]  
安装进度  
![请添加图片描述][watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBAd2VpeGluXzQ4MDg4ODM5_size_20_color_FFFFFF_t_70_g_se_x_16 7]  
安装完成  
![请添加图片描述][watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBAd2VpeGluXzQ4MDg4ODM5_size_20_color_FFFFFF_t_70_g_se_x_16 8]  
启动编辑界面  
![在这里插入图片描述][watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBAd2VpeGluXzQ4MDg4ODM5_size_20_color_FFFFFF_t_70_g_se_x_16 9]

### VSCode工具结构 ###

![请添加图片描述][watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBAd2VpeGluXzQ4MDg4ODM5_size_20_color_FFFFFF_t_70_g_se_x_16 10]  
安装汉化依赖  
![请添加图片描述][watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBAd2VpeGluXzQ4MDg4ODM5_size_20_color_FFFFFF_t_70_g_se_x_16 11]  
安装成功效果  
![请添加图片描述][watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBAd2VpeGluXzQ4MDg4ODM5_size_20_color_FFFFFF_t_70_g_se_x_16 12]  
安装依赖工具后，重启VSCode 产生效果  
![在这里插入图片描述][watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBAd2VpeGluXzQ4MDg4ODM5_size_20_color_FFFFFF_t_70_g_se_x_16 13]  
建议经常查看VSCode的帮助文档

### 文件操作 ###

打开文件，在导航区的文件中包含了对文件及文件夹的相关操作，如新建、打开、保存等。  
![在这里插入图片描述][watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBAd2VpeGluXzQ4MDg4ODM5_size_18_color_FFFFFF_t_70_g_se_x_16]

### VSCode配置管理 ###

打开管理界面  
![在这里插入图片描述][watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBAd2VpeGluXzQ4MDg4ODM5_size_20_color_FFFFFF_t_70_g_se_x_16 14]  
编辑界面字体设置  
![在这里插入图片描述][watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBAd2VpeGluXzQ4MDg4ODM5_size_20_color_FFFFFF_t_70_g_se_x_16 15]

### 浏览测试 ###

打开本地文件测试  
虚拟服务器测试

[watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBAd2VpeGluXzQ4MDg4ODM5_size_20_color_FFFFFF_t_70_g_se_x_16]: https://img-blog.csdnimg.cn/ada5ab6214fc49509e537ad7bc5abdf3.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBAd2VpeGluXzQ4MDg4ODM5,size_20,color_FFFFFF,t_70,g_se,x_16
[watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBAd2VpeGluXzQ4MDg4ODM5_size_20_color_FFFFFF_t_70_g_se_x_16 1]: https://img-blog.csdnimg.cn/632a4ce82b4e49379bb8380412094f8e.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBAd2VpeGluXzQ4MDg4ODM5,size_20,color_FFFFFF,t_70,g_se,x_16
[f6d898e709fc416ca67d391e6a38475a.png]: https://img-blog.csdnimg.cn/f6d898e709fc416ca67d391e6a38475a.png
[watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBAd2VpeGluXzQ4MDg4ODM5_size_20_color_FFFFFF_t_70_g_se_x_16 2]: https://img-blog.csdnimg.cn/f47aab3a05644c54abab03407c8b8101.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBAd2VpeGluXzQ4MDg4ODM5,size_20,color_FFFFFF,t_70,g_se,x_16
[watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBAd2VpeGluXzQ4MDg4ODM5_size_20_color_FFFFFF_t_70_g_se_x_16 3]: https://img-blog.csdnimg.cn/fc6b078fee0947d2b56d55850a2ba5fb.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBAd2VpeGluXzQ4MDg4ODM5,size_20,color_FFFFFF,t_70,g_se,x_16
[watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBAd2VpeGluXzQ4MDg4ODM5_size_20_color_FFFFFF_t_70_g_se_x_16 4]: https://img-blog.csdnimg.cn/a80a7cc9b6614c14852e0f66a99a8139.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBAd2VpeGluXzQ4MDg4ODM5,size_20,color_FFFFFF,t_70,g_se,x_16
[watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBAd2VpeGluXzQ4MDg4ODM5_size_20_color_FFFFFF_t_70_g_se_x_16 5]: https://img-blog.csdnimg.cn/16a2045cc1534c5586a4f537da3da438.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBAd2VpeGluXzQ4MDg4ODM5,size_20,color_FFFFFF,t_70,g_se,x_16
[watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBAd2VpeGluXzQ4MDg4ODM5_size_20_color_FFFFFF_t_70_g_se_x_16 6]: https://img-blog.csdnimg.cn/db50dc0ba6184042bee6a6756baeff38.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBAd2VpeGluXzQ4MDg4ODM5,size_20,color_FFFFFF,t_70,g_se,x_16
[watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBAd2VpeGluXzQ4MDg4ODM5_size_20_color_FFFFFF_t_70_g_se_x_16 7]: https://img-blog.csdnimg.cn/373b6e2ded2948c4b6ca46d2ef172476.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBAd2VpeGluXzQ4MDg4ODM5,size_20,color_FFFFFF,t_70,g_se,x_16
[watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBAd2VpeGluXzQ4MDg4ODM5_size_20_color_FFFFFF_t_70_g_se_x_16 8]: https://img-blog.csdnimg.cn/25443935565b41b2a37abaa77d012733.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBAd2VpeGluXzQ4MDg4ODM5,size_20,color_FFFFFF,t_70,g_se,x_16
[watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBAd2VpeGluXzQ4MDg4ODM5_size_20_color_FFFFFF_t_70_g_se_x_16 9]: https://img-blog.csdnimg.cn/d9d84fdbc61f4c9fb108a99a77335d03.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBAd2VpeGluXzQ4MDg4ODM5,size_20,color_FFFFFF,t_70,g_se,x_16
[watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBAd2VpeGluXzQ4MDg4ODM5_size_20_color_FFFFFF_t_70_g_se_x_16 10]: https://img-blog.csdnimg.cn/a6de7843d7734a8d89540bb6505dca8b.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBAd2VpeGluXzQ4MDg4ODM5,size_20,color_FFFFFF,t_70,g_se,x_16
[watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBAd2VpeGluXzQ4MDg4ODM5_size_20_color_FFFFFF_t_70_g_se_x_16 11]: https://img-blog.csdnimg.cn/9b00cb1f5c2a4745be7a2892c454eb71.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBAd2VpeGluXzQ4MDg4ODM5,size_20,color_FFFFFF,t_70,g_se,x_16
[watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBAd2VpeGluXzQ4MDg4ODM5_size_20_color_FFFFFF_t_70_g_se_x_16 12]: https://img-blog.csdnimg.cn/aadfe9495a8143968afc2a4ae696fb8d.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBAd2VpeGluXzQ4MDg4ODM5,size_20,color_FFFFFF,t_70,g_se,x_16
[watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBAd2VpeGluXzQ4MDg4ODM5_size_20_color_FFFFFF_t_70_g_se_x_16 13]: https://img-blog.csdnimg.cn/50d22b8d6353428b9b43dad63b52ebfc.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBAd2VpeGluXzQ4MDg4ODM5,size_20,color_FFFFFF,t_70,g_se,x_16
[watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBAd2VpeGluXzQ4MDg4ODM5_size_18_color_FFFFFF_t_70_g_se_x_16]: https://img-blog.csdnimg.cn/99dba05f93e84a4ab454db5257850a7b.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBAd2VpeGluXzQ4MDg4ODM5,size_18,color_FFFFFF,t_70,g_se,x_16
[watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBAd2VpeGluXzQ4MDg4ODM5_size_20_color_FFFFFF_t_70_g_se_x_16 14]: https://img-blog.csdnimg.cn/215ac1a099bd442aaa5d975c14712efe.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBAd2VpeGluXzQ4MDg4ODM5,size_20,color_FFFFFF,t_70,g_se,x_16
[watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBAd2VpeGluXzQ4MDg4ODM5_size_20_color_FFFFFF_t_70_g_se_x_16 15]: https://img-blog.csdnimg.cn/d61056da04c84280b0f26ec682336056.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBAd2VpeGluXzQ4MDg4ODM5,size_20,color_FFFFFF,t_70,g_se,x_16