1. 介绍
VSCode(Visual Studio Code)是由微软研发的一款免费、开源的跨平台文本(代码)编辑器,算是目前前端开发几乎完美的软件开发工具。
2. VSCode下载安装
VSCode下载链接: https://code.visualstudio.com/
安装一路默认自行安装即可。
3. 插件
3.1 插件安装方法
如图所示:
3.2 常用插件推荐(持续更新ing)
3.2.1. 中文汉化插件
插件名称:Chinese (Simplified) Language Pack for Visual Studio Code
3.2.2 Auto Close Tag (自动闭合HTML/XML标签)
3.2.3 open in browser (右键快速在浏览器中打开html文件)
3.2.4 Auto Rename Tag (自动完成另一侧标签的同步修改)
3.2.5 Beautify (格式化 html,js,css)
3.2.6 ESLint(js语法纠错,可以自定义配置)
3.2.7 HTML CSS Support (智能提示CSS类名以及id)
3.2.8 JavaScript(ES6) code snippets (ES6语法智能提示,以及快速输入)
3.2.9 Vetur (Vue多功能集成插件,错误提示等)
3.2.10 Live Server (页面开发即改即看)
Live Server 安装完这个插件后,直接在文件选项,打开文件夹(而不是打开文件,文件夹里面已有如,html文件),然后右键你就会发现有 “open with live server” 这个选项了,直接点击就开始用这个插件了。
等待更新,有其他推荐的可以评论提醒我添加~????