VSCode安装使用插件推荐

1. 介绍


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

2. VSCode下载安装


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

3. 插件相关


3.1 插件安装方法

如图所示:
VSCode安装使用插件推荐_第2张图片

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

3.2.1. 中文汉化插件

插件名称:Chinese (Simplified) Language Pack for Visual Studio Code
VSCode安装使用插件推荐_第3张图片

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

VSCode安装使用插件推荐_第4张图片

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

VSCode安装使用插件推荐_第5张图片

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

VSCode安装使用插件推荐_第6张图片

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

VSCode安装使用插件推荐_第7张图片

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

VSCode安装使用插件推荐_第8张图片

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

VSCode安装使用插件推荐_第9张图片

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

VSCode安装使用插件推荐_第10张图片

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

VSCode安装使用插件推荐_第11张图片

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

VSCode安装使用插件推荐_第12张图片

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

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

你可能感兴趣的:(IDE)