一.日常安利 VS code
VS vode特点:
开源,免费;
自定义配置
集成git
智能提示强大
支持各种文件格式(html/jade/css/less/sass/xml)
调试功能强大
各种方便的快捷键
强大的插件扩展
对前端这么友好,没理由不用。
Visual Studio Code(VScode )官网 :https://code.visualstudio.com/
Visual Studio Code(VScode )github地址 :https://github.com/Microsoft/vscode
二.怎么安装插件?
方法一:
按F1或Ctrl+Shift+p,输入extensions,点击第一个就可以
方法二:
ctrl + P 然后输入 >ext install
方法三:
点击图中位置
三.插件合集
a.配置类插件:
Settings Sync,一台电脑配置好之后,其它的几台电脑都不用配置。新机器登录一下就搞定了。再也不用折腾环境了,使用GitHub Gist同步多台计算机上的设置,代码段,主题,文件图标,启动,键绑定,工作区和扩展。
Debugger for Chrome,映射vscode上的断点到chrome上,方便调试
beautify格式化代码工具,美化javascript,JSON,CSS,Sass,和HTML在Visual Studio代码。
Auto Close Tag,自动闭合HTML/XML标签
Auto Rename Tag,自动完成另一侧标签的同步修改
Chinese (Simplified) Language Pack for Visual Studio Code,中文(简体)语言包,将界面转换为中文,使用快捷键【Ctrl+Shift+P】来实现,在弹出的搜索框中输入【configure language】,然后选择搜索出来的【Configure Display Language】,然后就打开了locale.json文件,locale然后重新输入冒号会自动出现代码提示。
Code Spell Checker,识别单词拼写是否有误,并给出提示
vscode-icons,显示Visual Studio代码的图标,目前该插件已被vscode内部支持:"文件" -> "首选项" -> "文件图标主题"
guides,显示代码对齐辅助线,很好用
Rainbow Brackets,为圆括号,方括号和大括号提供彩虹色。这对于Lisp或Clojure程序员,当然还有JavaScript和其他程序员特别有用。
Bracket Pair Colorizer,给括号加上不同的颜色,便于区分不同的区块,使用者可以定义不同括号类型和不同颜色
Indent-Rainbow,用四种不同颜色交替着色文本前面的缩进
filesize,在状态栏中显示当前文件大小,点击后还可以看到详细创建、修改时间
Import Cost,对引入的计算大小
Path Intellisense,自动提示文件路径,