010_概述和vscode安装


学习内容

image.png

概述

前端开发是创建Web页面或app等前端界面呈现给用户的过程,通过HTMLCSSJavaScript以及衍生出来的各种技术、框架、解决方案,来实现互联网产品的用户界面交互 [1] 。
它从网页制作演变而来,名称上有很明显的时代特征。
互联网的演化进程中,网页制作是Web1.0时代的产物,早期网站主要内容都是静态,以图片和文字为主,用户使用网站的行为也以浏览为主。
随着互联网技术的发展和HTML5CSS3的应用,现代网页更加美观,交互效果显著,功能更加强大。 [2]
移动互联网带来了大量高性能的移动终端设备以及快速的无线网络,HTML5node.jS的广泛应用,各类框架类库层出不穷。 [1]
当下国内的大部分互联网公司只有前端工程师和后端工程师,中间层的工作有的由前端来完成,有的由后端来完成。

下载VScode

下载VScode

官网:https://code.visualstudio.com/
image.png


下载稳定版
image.png
下载链接:https://az764295.vo.msecnd.net/stable/e7d7e9a9348e6a8cc8c03f877d39cb72e5dfb1ff/VSCodeUserSetup-x64-1.60.0.exe
失败时,使用国内镜像下载,镜像地址:vscode.cdn.azure.cn
替换后下载链接:https://vscode.cdn.azure.cn/stable/e7d7e9a9348e6a8cc8c03f877d39cb72e5dfb1ff/VSCodeUserSetup-x64-1.60.0.exe

安装VScode

image.png
image.png
image.png
image.png
image.png
image.png
image.png

打开VScode

image.png
image.png

中文界面配置

  1. 首先安装中文插件:Chinese (Simplified) Language Pack for Visual Studio Code

image.png

  1. 点击Reset

image.png

  1. 汉化成功

image.png

  1. 如果没有汉化成功,点击 左边栏Manage -> 命令面板 或快捷键【Ctrl+Shift+p】

image.png

  1. 在搜索框中输入“configure display language”,回车

image.png

  1. 选择zh-cn

image.png

  1. 重启

插件安装

image.png

设置字体大小

image.png
image.png

开启完整的Emmet语法支持

默认已启用
image.png

调整外观

image.png

posted @ 2021-10-10 11:58  清风(学习-踏实)  阅读(62)  评论(0编辑  收藏  举报