Visual Studio Code前端开发工具

1.1 常用的前端开发工具介绍

• 常用的前端开发工具有IDEA、Visual Studio Code、WebStorm、HBuilder等。目前比较火的前端开发工具有WebStorm以及VsCode，下面重点介绍VsCode。
• 前端提示最好的是Hbuilder开发工具。

1.2 VsCode简介

• VSCode（ Visual Studio Code）是微软出的一款轻量级代码编辑器 ，重要的是它在Windows, OS X 和Linux操作系统的桌面上均可运行。Visual Studio Code内置了对JavaScript, TypeScript和Node.js语言的支持，并且为其他语言如C++, C#, Python, PHP等提供了丰富的扩展库和运行时。 

1.3 插件安装

• VsCode可以通过安装插件来使编辑器变的更加强大

  以下为前端开发工程师常用插件

  （1）HTML Snippets

  超级实用且初级的 H5代码片段以及提示

  （2）HTML CSS Support

  让 html 标签上写class 智能提示当前项目所支持的样式  新版已经支持scss文件检索

  （3）Debugger for Chrome

  让 vscode 映射 chrome 的 debug功能，静态页面都可以用 vscode 来打断点调试，真666~ 

  （4）vetur

  vue框架所需的插件  语法高亮、智能感知、Emmet等

  （5）VueHelper

  snippet代码片段

   

 1.4 配置Visual Studio Code自动保存