1. 介绍


VSCode(Visual Studio Code)是由微软研发的一款免费、开源的跨平台文本(代码)编辑器,算是目前前端开发几乎完美的软件开发工具。


2. VSCode下载安装


VSCode下载链接: https://code.visualstudio.com/
VSCode安装使用插件推荐
安装一路默认自行安装即可。


3. 插件

3.1 插件安装方法


如图所示:
VSCode安装使用插件推荐


3.2 常用插件推荐(持续更新ing)

3.2.1. 中文汉化插件

插件名称:Chinese (Simplified) Language Pack for Visual Studio Code
VSCode安装使用插件推荐

3.2.2 Auto Close Tag (自动闭合HTML/XML标签)

VSCode安装使用插件推荐

3.2.3 open in browser (右键快速在浏览器中打开html文件)

VSCode安装使用插件推荐

3.2.4 Auto Rename Tag (自动完成另一侧标签的同步修改)

VSCode安装使用插件推荐

3.2.5 Beautify (格式化 html,js,css)

VSCode安装使用插件推荐

3.2.6 ESLint(js语法纠错,可以自定义配置)

VSCode安装使用插件推荐

3.2.7 HTML CSS Support (智能提示CSS类名以及id)

VSCode安装使用插件推荐

3.2.8 JavaScript(ES6) code snippets (ES6语法智能提示,以及快速输入)

VSCode安装使用插件推荐

3.2.9 Vetur (Vue多功能集成插件,错误提示等)

VSCode安装使用插件推荐

3.2.10 Live Server (页面开发即改即看)

VSCode安装使用插件推荐

Live Server 安装完这个插件后,直接在文件选项,打开文件夹(而不是打开文件,文件夹里面已有如,html文件),然后右键你就会发现有 “open with live server” 这个选项了,直接点击就开始用这个插件了。

等待更新,有其他推荐的可以评论提醒我添加~????

相关文章: