前端三剑客开发环境配置

HTML开发环境搭建

• Auto Close Tag自动闭合HTML标签
• Auto Rename Tag自动完成两侧标签同步修改
• HTML SnippetsHTML代码提示补全
• open in browser右键打开浏览器运行文件
• Live Server实时刷新的内置浏览器

CSS开发环境搭建

• HTML CSS Support智能提示CSS类名和id
• CSS Peek查看CSS的定义

JS开发环境搭建

• Prettier - Code formatter格式化代码
• JavaScript(ES6) code snippetsJS、TS、HTML、Vue代码提示补全
• EsLintJS语法纠错
• Turbo Console Log快速操作console.log()
  • ctrl + alt + l选中变量后快速生成console.log
  • alt + shift + c注释所有console.log()
  • alt + shift + u启用所有console.log()
  • alt + shift + d删除所有console.log()
• jQuery Code SnippetsjQuery代码提示补全
• TypeScript HeroTS开发提示工具
• VeturVue多功能集成插件
• ES7 React/Redux/GraphQL/React-Native snippetsreact智能提示补全
• Angular 5 Snippetsangular智能提示补全
• Node.js Modules Intellisensenode.js智能提示
• Element UI Snippetselement UI智能提示补全
• NestJs Snippetsnest.js提示工具
• npm Intellisensenode.js在require时的包提示