开发工具VsCode安装

      VSCode( Visual Studio Code)是微软出的一款轻量级代码编辑器 ,重要的是它在Windows, OS X 和Linux操作系统的桌面上均可运行。

      Visual Studio Code内置了对JavaScript, TypeScript和Node.js语言的支持,并且为其他语言如C++, C#, Python, PHP等提供了丰富的扩展库和运行时。

1、安装

官网下载 https://code.visualstudio.com/

默认安装即可

2、插件安装

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代码片段

3、配置自动保存

点击菜单 :文件–勾选自动保存