软件篇：前端保姆->VSCode

软件篇：前端保姆->VSCode

VSCode 是什么?

VSCode 全称 Visual Studio Code，是微软出的一款轻量级代码编辑器，免费、开源而且功能强大。它支持几乎所有主流的程序语言的语法高亮、智能代码补全、自定义热键、括号匹配、代码片段、代码对比 Diff、GIT 等特性，支持插件扩展，并针对网页开发和云端应用开发做了优化。软件跨平台支持 Win、Mac 以及 Linux。

其他的代码编辑器在打开特别大的文件时可能会有明显的卡顿，但是 VSCode 就是秒开。

如果没有VSCode

对我而言工作效率至少下降30%，工作效率=休息时间=工资！

举个简单的例子，不能来和大家一起聊技术了呢，没时间了- -！

1 安装

https://code.visualstudio.com/

下载安装即可，简单。

2 插件介绍

• 使用 CTRL+SHIFT+X 安装各种插件
• 插件介绍推荐https://marketplace.visualstudio.com/

2.1 中文环境

• Chinese (Simplified) Language Pack for Visua

2.2 漂亮括号

• bracket pair colorizer 2

2.3 HTML提示

• HTML Snippets

2.4 Css提示

• HTML CSS Support

2.5 资源树图标

• vscode-icon

2.6 自动路劲补全

• Path Intellisense

2.7 代码格式化

• beautify

2.8 Vue 语法高亮、智能感知

• vetur

2.9 Vue snippet代码片段

• VueHelper

2.10 javascript代码检测

• ESLint

2.11 部注释和函数注释

• koroFileHeader

2.12 吸血鬼主题

• Dracula Official

完