一步步教你安装VSCode(附带图解步骤)

 更新时间:2023年01月11日 09:55:30   作者:SuperProgMan.SYJ  
VScode全称是微软推出的一个跨平台的编辑器,能够在windows、Linux、IOS等平台上运行,通过安装一些插件可以让这个编辑器变成一个编译器,下面这篇文章主要给大家介绍了关于如何安装VSCode的相关资料,需要的朋友可以参考下

一、前端工具vscode

1.1、概述

前端开发是创建Web页面或app等前端界面呈现给用户的过程,通过HTML,CSS及JavaScript以及衍生出来的各种技术、框架、解决方案,来实现互联网产品的用户界面交互 [1] 。它从网页制作演变而来,名称上有很明显的时代特征。在互联网的演化进程中,网页制作是Web1.0时代的产物,早期网站主要内容都是静态,以图片和文字为主,用户使用网站的行为也以浏览为主。随着互联网技术的发展和HTML5、CSS3的应用,现代网页更加美观,交互效果显著,功能更加强大。 [2]

移动互联网带来了大量高性能的移动终端设备以及快速的无线网络,HTML5,node.jS的广泛应用,各类框架类库层出不穷。 [1]

当下国内的大部分互联网公司只有前端工程师和后端工程师,中间层的工作有的由前端来完成,有的由后端来完成。

1.2、下载安装VScode

下载地址:https://code.visualstudio.com/

1.3、打开vscode安装包

1.4、 指定安装目录

1.5、创建和不创建桌面图标,点击【下一步】

1.6、点击【安装】

1.7、安装中

1.8、安装完点击完成

1.9、出现以下界面完成

二、中文界面配置

2.1、安装中文插件:Chinese (Simplified) Language Pack for Visual Studio Code

2.2、右下角弹出是否重启vs,点击“yes”

2.3、中文插件汉化成功

三、汉化遇到问题

1、重启后界面没有变化

有些机器重启后如果界面没有变化,点击 左边栏Manage -> Command Paletet…【Ctrl+Shift+p】,在搜索框中输入“configure display language”,回车

2、选择’zh-cn’ 选择’zh-cn’

3、重启vs 四、插件安装

为了方便后续开发,建议安装如下插件

五、设置字体大小

左边栏Manage -> settings -> 搜索 “font” -> Font size

六、开启完整的Emmet语法支持

设置中搜索 Emmet:启用如下选项,必要时重启vs

七、视图

查看—> 外观—> 向左移动侧边栏

总结

到此这篇关于安装VSCode的文章就介绍到这了,更多相关VSCode安装步骤内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

相关文章

  • Windows下使用Gogs搭建Git服务器

    Windows下使用Gogs搭建Git服务器

    这篇文章介绍了使用Gogs搭建Git服务器的方法,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2022-06-06
  • 分享下网站开发人员应该知道的61件事

    分享下网站开发人员应该知道的61件事

    有人在Stack Overflow上发问,动手开发网站之前,需要知道哪些事情,这里简单为大家整理下,方便需要的朋友
    2014-03-03
  • Webstorm开发工具使用教程详解

    Webstorm开发工具使用教程详解

    这篇文章主要为大家详细介绍了Webstorm使用教程的使用教程,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-09-09
  • 如何本地部署DeepSeek

    如何本地部署DeepSeek

    这篇文章介绍了如何在本地部署DeepSeek大型语言模型,并分享了遇到的问题和解决方法,感兴趣的朋友一起看看吧
    2025-02-02
  • 趣谈Unicode、Ascii、utf-8、GB2312、GBK等编码知识

    趣谈Unicode、Ascii、utf-8、GB2312、GBK等编码知识

    这篇文章主要介绍了趣谈Unicode、Ascii、utf-8、GB2312、GBK等编码知识,文章写的诙谐风趣,膜拜啊,需要的朋友可以参考下
    2014-07-07
  • 二维码的生成细节和原理

    二维码的生成细节和原理

    本篇文章主要介绍二维码,二维码大家都很熟悉,但是二维码是如何生成的并不了解,对二维码感兴趣的小伙伴可以看下本篇文章
    2016-07-07
  • WebStorm打开多个项目的三种方法总结

    WebStorm打开多个项目的三种方法总结

    WebStorm支持多项目管理,本文介绍了三种方法:使用项目导航面板、窗口分割和多个WebStorm实例,项目导航面板可以在同一窗口内管理多个项目,文中通过代码介绍的非常详细,需要的朋友可以参考下
    2024-09-09
  • 详细JSON解析教程

    详细JSON解析教程

    JSON即JS对象简谱 , 是一种轻量级的数据交换格式,Java官方没有提供JSON解析相应的API,本文提供两个最常用的JSON解析方法,分别是Google的Gson,阿里的FastJson,使用JSON解析之前要先获取相应的jar包,感兴趣的朋友一起看看吧
    2023-08-08
  • 大数据就业的三大方向和最热门十大岗位【推荐】

    大数据就业的三大方向和最热门十大岗位【推荐】

    这篇文章主要介绍了大数据就业的三大方向和最热门十大岗位,需要的朋友可以参考下
    2019-06-06
  • 百度HI QQ和MSN 阿里旺旺贸易通MSN在线客服在线聊天代码

    百度HI QQ和MSN 阿里旺旺贸易通MSN在线客服在线聊天代码

    有时候业务需要,需要让客户更方便的与我们沟通,就可以参考下面的代码。
    2010-04-04

最新评论