关于html:Visual-Studio-Code-安装教程

Visual Studio Code 是一款十分轻量的前端代码编写工具，也是目前比拟支流的。其中还蕴含了丰盛的插件市场、十分难看的界面风格、可在软件内间接应用命令行工具等。

:::warning 倡议
在学习前端之前能够先把软件下载好，不便实际操作。
:::

官网下载地址：https://code.visualstudio.com

咱们下载完后是英文版的，所以要去 VS Code 的插件市场中去下载中文版插件 Chinese

装置插件后，重新启动 VS Code

以下是我的集体习惯，小伙伴们能够自行看是否须要

文件 -> 首选项 -> 键盘快捷键形式

或者 Windows 快捷键：CTRL + K + S

VS Code 弱小的插件市场，次要介绍几款罕用的插件。

:::tip 提醒
如果你目前用不上这些插件，能够先不必装置。
:::

One Dark Pro

难看的代码主题

GitLens — Git supercharged

Git 记录查看工具，不便随时随刻查看某个人某工夫点改了某一行代码。不便查看单个文件的批改记录。目前小伙伴们可能用不上，须要先把握 Git 技术后能力用。

Path Autocomplete

URL 门路补充插件，当你须要查找某个 src 门路的时候，它会给你代码提醒。例如写 img 标签的 src 门路时候能用上。

Vuter

用于高亮 .vue 文件的代码，次要实用于 Vue2.0。目前如果用不上能够先不装置。

Prettier – Code formatter

用于格式化大部分语言代码，还能够搭配配置文件，自定义格式化格调。

在我的项目根目录下新建 .prettierrc 文件。

{
    "printWidth": 170,
    "tabWidth": 4,
    "semi": false,
    "singleQuote": true,
    "trailingComma": "none"
}

Live Server

能够间接把你的 .html 文件部署到服务端。

列举了比拟罕用的快捷键形式

最全面的前端笔记来啦，蕴含了入门到入行的笔记，还反对实时成果预览。小伙伴们不须要在花工夫去写笔记，或者是去网上找笔记了。面试高频发问和你想要的笔记都帮你写好了。反对挪动端和 PC 端浏览，深色和浅色模式。须要残缺在线版，在评论区回复 1 哦。

原文链接：https://note.noxussj.top/

Visual Studio Code