共计 1274 个字符，预计需要花费 4 分钟才能阅读完成。
Visual Studio Code
介绍
Visual Studio Code 是一款十分轻量的前端代码编写工具，也是目前比拟支流的。其中还蕴含了丰盛的插件市场、十分难看的界面风格、可在软件内间接应用命令行工具等。
倡议：在学习前端之前能够先把软件下载好，不便实际操作。
装置
官网下载地址：https://code.visualstudio.com
汉化
咱们下载完后是英文版的，所以要去 VS Code 的插件市场中去下载中文版插件 Chinese
装置插件后，须要重新启动 VS Code
开发习惯配置
以下是我的集体习惯，小伙伴们能够自行看是否须要
设置手动代码提醒快捷键
文件 -> 首选项 -> 键盘快捷键形式
或者 Windows 快捷键：CTRL + K + S
扩大插件
VS Code 弱小的插件市场，次要介绍几款罕用的插件。
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 文件部署到服务端。
快捷键大全
列举了比拟罕用的快捷键形式
| 性能名称 | 快捷键 |
|---|---|
| 以后文件搜寻 | Ctrl + F |
| 以后文件搜寻 | Ctrl + F |
| 全局搜寻 | Ctrl + Shift + F |
| 全选 | Ctrl + A |
| 将选中文本转换为大写 | Ctrl + U（须要设置快捷键） |
| 将选中文本转换为小写 | Ctrl + P（须要设置快捷键） |
| 折叠代码 | Ctrl + K + 0~9（代表多少级） |
| 开展折叠代码 | Ctrl + K + J |
| 跳入选中函数办法体 | F12 |
| 复制 | Ctrl + C |
| 粘贴 | Ctrl + V |
| 关上终端 | Ctrl + ~ |
| 删除以后行 | Ctrl + X |
| 撤销更改 | Ctrl + Z |
| 代码换行 | Alt + Z |
| 正文 / 勾销正文 | Ctrl + / |
| 选中多列 | Shift + Alt + 鼠标挪动 |
| 间断选中关键词 | Ctrl + D |
| 复制行 | Shift + Alt + ↑ 或者 ↓ |
| 挪动行 | Alt + ↑ 或者 ↓ |
| 重命名 | F2 |
| 切换关上文件 | Ctrl + Tab |
| 切换利用 | Alt + Tab |
| 创立 HTML5 页面构造 | 输出 html5 |
| 跳转到上一个批改处 | Alt + ← |
| 跳转到下一个批改处 | Alt + → |
最全面的前端笔记来啦，蕴含了入门到入行的笔记，还反对实时成果预览。小伙伴们不须要在花工夫去写笔记，或者是去网上找笔记了。面试高频发问和你想要的笔记都帮你写好了。反对挪动端和 PC 端浏览，深色和浅色模式。
原文链接：https://note.noxussj.top/?sou…