一、前端工具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 Debugger调试代码
http://shooterblog.site/2018/05/19/%E6%89%8B%E6%8A%8A%E6%89%8B%E6%95%99%E4%BD%A0%E7%94%A8Vscode%20De ...
手把手教你安装OpenStack——Ocata安装指南（上）
本文参考:https://docs.openstack.org/ocata/install-guide-rdo/index.html官方文档来手把手教你安装Ocata,安装文档中有漏洞的地方,本文都会 ...
手把手教你安装VMtools
手把手教你安装VMtools 安装环境及其目的虚拟机:VMware Workstation15 系统:Ubuntu 16.04 目的: 实现主机与虚拟机之间的复制粘贴实现主机与虚拟机之间文件的共享 ...
linux下运行mcnp6安装教程,JBPM6教程-手把手教你安装JBPM
JBPM6教程-手把手教你安装JBPM 1. 安装JBPM的先决条件: (1)JDK 1.6+以上,没有安装的话,猛击这里. (2)Ant 1.7+以上,没有安装的话,看看这里. 2. 下载JBPM安 ...
Ubuntu手把手教你安装
Ubuntu手把手教你安装 Ubuntu 叫法很多(友帮拓.优班图.乌班图),是一个一琢磨应用为主的开源GUN/Linux操作系统,接下来记录了在VMware 中安装Ubuntu 14.04的过程操作 ...
拆装计算机主机,零基础如何组装电脑？装机之家手把手教您电脑组装教程图解...
自己组装电脑对于小白来说,确实是一个技术活,如果没有一点点电脑组装经验,肯定无从下手的.当然对于目前互联网信息化时代,想要找一篇装机教程并不难,那么我们跟着装机教程一步一步学习并实践,相信很快就可以将 ...
batocera_手把手教你安装batocera系统，把旧电脑变成万能影音游戏主机
(二)手把手教你安装batocera系统,把旧电脑变成万能影音游戏主机 batocera是一个脑洞大开的神器,可以帮助我们低成本轻松打造一个支持上万款游戏和KODI中心的影音游戏主机.今天手把手教大家 ...
pve安装黑群晖直通硬盘_蜗牛星际装机教程篇三：手把手教你安装黑群晖NAS
原文作者:范俩仟蜗牛星际装机教程篇三:手把手教你安装黑群晖NAS 有很多评论说软路由没必要,我想说我就是把这东西当个玩意儿来消遣的,您喜欢看电影,我就喜欢玩电子产品.还有就是我没钱,所以想花最少的钱 ...
手把手教你安装 FastAdmin 到虚拟主机 (phpStudy)
手把手教你安装 FastAdmin 到虚拟主机 (phpStudy) 原文: https://forum.fastadmin.net/thread/2524 下载 FastAdmin 下载 FastA ...

手把手教你安装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’

3、重启vs

四、插件安装

五、设置字体大小

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

七、视图

手把手教你安装VSCode（附带图解步骤）相关推荐

最新文章

热门文章

手把手教你安装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’

3、重启vs

四、插件安装

五、设置字体大小

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

七、视图

手把手教你安装VSCode（附带图解步骤）相关推荐

最新文章

热门文章

1.4、指定安装目录