乐趣区

关于前端:新手如何使用-VS-Code-看这个就行了

jiezi

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…

退出移动版