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自动保存

更多推荐

Visual Studio Code前端开发工具