010_概述和vscode安装

目录

学习内容

image.png

概述

前端开发是创建Web页面或app等前端界面呈现给用户的过程，通过HTML，CSS及JavaScript以及衍生出来的各种技术、框架、解决方案，来实现互联网产品的用户界面交互 [1] 。
它从网页制作演变而来，名称上有很明显的时代特征。
在互联网的演化进程中，网页制作是Web1.0时代的产物，早期网站主要内容都是静态，以图片和文字为主，用户使用网站的行为也以浏览为主。
随着互联网技术的发展和HTML5、CSS3的应用，现代网页更加美观，交互效果显著，功能更加强大。 [2]
移动互联网带来了大量高性能的移动终端设备以及快速的无线网络，HTML5，node.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)  编辑  收藏  举报