Visual Studio Code (简称 VS Code / VSC) 是一款免费开源的现代化轻量级代码编辑器,支持几乎所有主流的开发语言的语法高亮、智能代码补全、自定义热键、括号匹配、代码片段、代码对比 Diff、GIT 等特性,支持插件扩展,并针对网页开发和云端应用开发做了优化。软件跨平台支持 Win、Mac 以及 Linux,运行流畅,可谓是微软的良心之作……
在Atom , Sublime , Vscode 这三个编辑器中,sublime的响应速度是最快的,但是插件安装是比较麻烦的。atom的插件最多,但响应速度是最慢的,由于界面可以自己修改的缘故,会遇到经常卡死的状态。vscode是最比较中等的,安装插件也不麻烦。
vscode插件库网址为https://marketplace.visualstudio.com/VSCode
安装插件的方法 CTEL + p 输入下面的代码 回车安装就好了
这是新的一批vscode工具:VS Code 插件推荐 新一轮前端插件(代码质量|正则|版本控制|NG|Vue|React)
插件
- beautify
它可以让你的html,javascript,json,CSS,Sacc 和 html 代码变得非常好看的格式
ext install beautify
- HTMLSnippets
不需要输入< 就能有html标签提示
ext install html-snippets
- Document This
注释小助手 用法 Ctrl + alt + D
ext install docthis
[图片上传失败...(image-eb3125-1510538029470)]
- Can I Use
那些 css 支持 那个浏览器
ext install vscode-caniuse
- Indenticator
ext install indenticator
好看的缩减 ...
[图片上传失败...(image-99c740-1510538029470)]
- Material / Material Neutral Theme
好看的主题,让你看代码的更加舒服
ext install theme-material / ext install theme-material-neutral
- Path Intellisense
路径提示 你有 images css js 文件这个插件是一个不错的选择
ext install path-intellisense
- Annotator
历史纪录 和 svn git 的本版库差不多东西
ext install annotator
[图片上传失败...(image-58f4d0-1510538029470)]
- vetur
vue的插件使用
ext install vetur
PHP 篇
- ext install format-php
- ext install crane # PHP 的智能提示