下载+快捷键+扩展分享

大家好，是云服务君。今天给大家推荐一款来自微软的轻量级编辑器VScode。使用了几个月下来，真心喜欢上这款编辑器。所以今天跟大家分享一些简单的小知识。

推荐大家使用的原因：

免费、开源

内置git、debug

有着丰富而强大的插件（awesome！）

超好用且丰富的快捷键

不仅仅适合前端，你还可以用它写makedown文章，后端程序员也同样友好。

编辑器下载

https://code.visualstudio.com/ 支持windows、macos、linux。各位自行下载即可。

https://code.visualstudio.com/docs/ 官网有着完善的文档，包括下载安装配置，跟着操作即可。

image

<figcaption class="caption" contenteditable="false" style="outline: none; border-bottom: 1px solid rgb(228, 230, 232); max-width: 90%; min-width: 300px; margin: 0px auto; color: rgb(153, 153, 153); font-size: 14px; min-height: 22px; line-height: 1.5; padding: 10px 5px; cursor: text; display: inline-block;"></figcaption>

常用快捷键

ctrl+c 复制当前行

ctrl+v 黏贴至当前行

f3 查找下一个元素

ctrl+h 替换元素

ctrl+f 查询元素

ctrl+s 保存文件

ctrl+/ 行注释

shit + alt + A 块注释

ctrl + enter 插入下一行

ctrl + shift + enter 插入上一行

ctrl + shift + f 在文件夹查找

shift + alt + f 格式化

vscode支持快捷键映射到你之前那的编辑器，在首选项里调节，所以你完全不用担心用起来不习惯。

然后在推荐一些前端插件，好的插件能让你代码更有效率

css peek html与css关联预览 ctrl+鼠标左键

prettier-code formatter 较优美的代码格式化

icon fonts 图标集

auto rename tag 自动重命名标签

html boilerplate html模板（浏览兼容器）

color info 颜色提示

auto close tag自动闭合标签

html css support html中css样式自动提示

makedown插件

Markdown Preview Enhanced 以更接近pdf方式预览

Maridown pdf 将.md文件转换成其他格式（它还可以让你直接在vscode预览二进制的pdf文件）

只是作简单推荐，稍后可能还会作更新我常用的php插件，如果你有其他好用的插件，请在评论区告诉我，大家一起讨论。

image

有同学现拥有一个自己的网站该怎么办呢？在这边附一个阿里云建站云企的活动适合没有建站的经验的同学使用，其中拥有数千套网站模板，可以随意替换，备案上线快、可视化的后台管理系统，自带流量分析、集成友盟U-Web流量统计分析工具、seo收录快等特点 。