VSCode 插件安装

注释 CTRL+K+C

取消注释 CTRL+K+U

 

Visual Studio Code可以通过以下快捷键 格式化代码：

• On Windows 　　Shift + Alt + F
• On Mac 　　Shift + Option + F
• On Ubuntu　　 Ctrl + Shift + I

Scode命令行重启webpack dev server 的快捷键是哪个

ctrl+C

---

前端神器 -- Emmet
Emmet(前身为 Zen Coding)，VsCode 内置了 Emmet 语法，可以使用仿 CSS 选择器的语法来快速生成代码，然后立刻生成对应的 HTML 结构或者 CSS 代码，同时还有多种实用的功能帮助进行前端开发，极大的提高代码的编写效率

open in browser配置默认浏览器

• 1.文件－－＞首选项－－＞设置
• 2.输入open-in
• 3.在设置默认浏览器位置输入：Chrome

中文（简体）语言包

• Chinese (Simplified) Language Pack for Visual Studio Code
• 将界面转换为中文

Debugger for Chrome

• 从VS Code调试在Google Chrome中运行的JavaScript代码。
• 用于在Google Chrome浏览器或支持Chrome DevTools协议的其他目标中调试JavaScript代码的VS Code扩展。

beautify

• 格式化代码工具
• 美化javascript，JSON，CSS，Sass，和HTML在Visual Studio代码。

Atuo Rename Tag

• 修改 html 标签，自动帮你完成头部和尾部闭合标签的同步修改

vscode-icons

• 显示Visual Studio代码的图标，目前该插件已被vscode内部支持："文件" -> "首选项" -> "文件图标主题"

guides

• 显示代码对齐辅助线，很好用

Rainbow Brackets

• 为圆括号，方括号和大括号提供彩虹色。这对于Lisp或Clojure程序员，当然还有JavaScript和其他程序员特别有用。

 

HTML Snippets

完整的HTML代码提示，包括HTML5

HTML CSS Support

 在 html 标签上写class 智能提示css样式

VUE插件

　　vetur   　　 语法高亮、智能感知、Emmet、vue提示等