软件篇:前端保姆->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
完