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

目录
  • 一、前端工具vscode
    • 1.1、概述
    • 1.2、下载安装VScode
    • 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、重启后界面没有变化
    • 2、选择’zh-cn’ 选择’zh-cn’
    • 3、重启vs 四、插件安装
  • 五、设置字体大小
  • 六、开启完整的Emmet语法支持
  • 七、视图
  • 总结

一、前端工具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安装步骤内容请搜索我们以前的文章或继续浏览下面的相关文章希望大家以后多多支持我们！

赞 (0)

相关推荐

  • vsCode安装使用教程和插件安装方法

    vsCode安装使用教程和插件安装方法

    vsCode安装使用教程vsCode是什么vsCode安装vsCode汉化vsCode常用命令说明vsCode左边图标说明vsCode基本使用前端常用插件在vosCode中显示html界面 vsCode是什么 Visual Studio Code (简称 VS Code / VSC) 是一款免费开源的现代化轻量级代码编辑器,支持几乎所有主流的开发语言的语法高亮.智能代码补全.自定义热键.括号匹配.代码片段.代码对比 Diff.GIT 等特性,支持插件扩展,并针对网页开发和云端应用开发做了优化.软

  • vscode安装使用的详细教程

    一.什么是vscode** Visual Studio Code (简称 VS Code / VSC) 是一款免费开源的现代化轻量级代码编辑器,支持几乎所有主流的开发语言的语法高亮.智能代码补全.自定义热键.括号匹配.代码片段.代码对比 Diff.GIT 等特性,支持插件扩展,并针对网页开发和云端应用开发做了优化.软件跨平台支持 Win.Mac 以及 Linux. vscode 官网: https://code.visualstudio.com/ 二.Vscode版本 当前最新版本 1.27 2

  • VSCode插件安装完成后的配置详解

    VSCode插件安装完成后,有些插件如果你想要完整的使用其中的功能得在settings.json中就行配置,接下来是我常用的一些配置 { "workbench.iconTheme": "vscode-icons", "window.zoomLevel": 0, "files.autoSave": "off", "eslint.runtime": "", "e

  • 如何在vscode中安装python库的方法步骤

    如何在vscode中安装python库的方法步骤

    vscode安装python库 1.已经在vscode中装了python并配置好python运行环境. 检查是否正确配置好运行环境,按Windows+R组合键在运行窗口输入cmd,打开命令提示符窗口输入python确定即可 2.找到vscode中python的路径 随便运行一个代码,例如print("hehe")下面的终端显示如下 图中红色地方圈起的便是python的路径,到python3.8为止. 如果你所显示的内容与我不同,可在setting.json中查找并将路径复制下来(在vs

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

    目录 一.前端工具vscode 1.1.概述 1.2.下载安装VScode 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.中文插件汉化成功 三.

  • MySQL8.0.11安装总结教程图解

    安装环境: CAT /etc/os-release 查看centos系统版本信息: getconf LONG_BIT 获取惭怍系统位数 系统为 64位 centos 7 配置安装源: rpm -Uvh https://repo.mysql.com/mysql57-community-release-el7-11.noarch.rpm yum --enablerepo=mysql80-community install mysql-community-server 启动mysql服务 system

  • 教你使用vscode 搭建react-native开发环境

    教你使用vscode 搭建react-native开发环境

    问题 代码没有提示: 许多刚接触RN开发的非前端同学,都会问"哪个编辑器有智能提示?"...而对于前端同学来说,现在的日子已经好很多了,要什么自行车. 低级代码错误: 这里的错误是指类似拼写错误,符号错误等.写完代码,跑起来各种报错,有时候费死劲的找,最后发现是个中文的分号问题. 解决办法 可选的方案大概有: 使用typescript: 直接使用有静态类型支持的js版本,but要再学习一套语法,而且我的代码都是ts写的,但很多好的公共库不是啊. 使用flow: 由于网络的原因,这个环境

  • VirtualBox 在Centos 7 中安装增强功能图解 （共享文件夹）

    VirtualBox 在Centos 7 中安装增强功能图解 （共享文件夹）

    1.分配光驱 2.安装相关依赖包 yum install -y bzip2 gcc gcc-devel gcc-c++ gcc-c++-devel make kernel-d 3.创建临时文件夹 mkdir /mnt/cdrom 4.挂载并安装 mount -t auto -r /dev/cdrom /mnt/cdrom cd /mnt/cdrom ./VBoxLinuxAdditions.run 5.关机并添加共享文件夹 重启后,使用mount查看共享的目录(默认会加上"sf_"前缀

  • Python安装及Pycharm安装使用教程图解

    1.计算机语言的基本概念 计算机语言(Computer Language) 指用于人与计算机之间的通信. 2.解释型和编译型语言的区别 编译型语言:如:C C++ (1).只须编译一次就可以把源代码编译成机器语言,后面的执行无须重新编译,直接使用之前的编译结果就可以:因此其执行的效率比较高: (2).程序执行效率比较高,但比较依赖编译器,因此跨平台性差一些:解释型语言.如:Python (1)源代码不能直接翻译成机器语言,而是先翻译成中间代码,再由解释器对中间代码进行解释运行: (2)程序不需要

  • windows10安装vmware14教程图解

    软件下载 下载软件链接链接: https://pan.baidu.com/s/1sfR8qGNEzuzMLq8nr9O-HQ 提取码: 5mki ,解压密码为 我最牛 全拼小写. 安装 (1)双击文件下图文件. (2)弹出如下图,点击下一步即可. (3)一直点击下一步(期间会同意,勾选即可)--直至弹出下图,修改安装位置,可以不用进行修改,本人安装在D:\vm\VMware下,同时勾选增强键盘,点击下一步. (4)弹出下图,两个可以勾选也可以不勾选,本人不喜欢检查更新及加入改进计划,因此不勾选,

  • MySQL5.7.21解压版安装详细教程图解

    由于本人经常装系统,每次装完系统之后都要重新安装一些软件,安装软件的时候又要上网查找安装的教程,比较麻烦,所以自己整理了MySQL5.7.21解压版的安装方法,以便查看. 1.首先,你要下载MySQL解压版,下载地址:https://www.mysql.com/downloads/,图解: 2.解压安装包,根据自己的喜好选择路径,我选择的路径是C:\software\,因此MySQL的完整路径为:C:\software\mysql-5.7.21-winx64 3.配置环境变量 新增系统环境变量:

  • Linux系统MySQL8.0.19快速安装配置教程图解

    一.环境介绍 Linux系统使用yum安装MySQL需要从网上下载MySQL的一系列组件,这个过程非常耗时且有下载中断的可能,如果想要快速安装MySQL,可以先在网上将MySQL的离线包下载下来传到系统内进行安装,本文以CentOS7和MySQL8.0.19为例讲解 MySQL的快速安装和配置方法. 1.操作系统:CentOS7_x64 2.数据库版本:MySQL-8.0.19 离线包下载: 链接: https://pan.baidu.com/s/1OdehL8MoCe44nJ-SkkW8xw

  • 手把手教你安装Windows版本的Tensorflow

    一:安装Anaconda和Tensorflow 步骤: 1:从官方网站下载Anaconda https://www.anaconda.com/download/    注意自己电脑版本是32位还是64位.  2:进行软件安装(这个和普通的没什么特别区别) 3:安装完成Anaconda之后进行环境变量的测试 进入到windows中的命令模式: (1)检测anaconda环境是否安装成功:conda --version (2)检测目前安装了哪些环境变量:conda info --envs (3)对于

  • Windows下安装VScode 并使用及中文配置方法

    首先明确一点,VScode是开发Go应用的基础编辑器,是Microsoft(微软的产品),可以运行在Windows.Linux.Mac Os X上使用,默认提供Go语言语法高亮,安装Go语言插件后,就可以智能提示,编译等运行功能, 当然市场上还有很多其他GO语言的开发工具,例如常见的Eclipse也可以用以Go语言的开发,在这里我只介绍Visual studio code简称(VSCode)的工具 1.首先下载vscode安装软件 https://code.visualstudio.com/do

随机推荐