Visual Studio Code 是由Microsoft在2015年4月30日Build 开发者大会上正式发布的项目:一个运行于 Mac OS X、Windows和 Linux 之上的,针对于编写现代 Web 和云应用的跨平台源代码编辑器。
下载安装
官网下载地址:https://code.visualstudio.com/
按照自己所处的操作系统,选择相应版本即可。
网站应该会自动检测操作系统,并优先提供该下载按钮
比如我的是Windows:
插件安装
安装完毕,会进入欢迎界面:
并且会在此提醒你安装一些插件,能出现在这里的插件,说明肯定是微软官方比较认可的插件,质量自然不必多说。
以及上图所示的其他流行的编辑器的快捷键的插件
可以说是非常贴心了。
先着重从几个方面讲一下我所使用的插件:(可能有的插件会以PHP为例进行说明)
插件一览
PHP智能提示
- PHP Intelephense
- PHP IntelliSense
装上以上两个插件后,PHP的智能提示,以及代码检测,自动的命名空间的导入,就足以了。
而这些功能对于不想用PhpStorm
那种大型IDE的人来说,这些功能已经够了。
图标美化
Material Icon Theme
Vscode自带的文件/文件夹的图标个人觉得是非常丑的,所以推荐安装。
他基本囊括了所有的图标,并且都非常好看。
上图是我的PHP项目,可以看出不同的文件夹他都有不同的颜色,用以区分。
代码格式化
Prettier - Code formatter
安装完成后,在需要格式化的文件里面调换出命令窗口,window是ctrl shift p
,输入fomat Document
然后回车
结果:
这对于html,css等同样有效。
上图可以看到我自定义了快捷键alt f
这样比较快速。
自定义快捷键
好吧,既然讲到了快捷键,那么讲一下如何自定义快捷键
按照我下图的顺序,依次点击,进入到设置界面(File - Preferences - Keyboard Shortcuts)
然后搜索format
,点击右键,选择更换快捷键
。
HTML热刷新
Live Server
可以看出,同样是一个满分插件。
插件的作用:
在编写HTML时,保存会自动刷新,这对前端程序员来说,无疑是非常好的。
使用方法
右键单击:
就会在本地启动一个服务器:
动态操作如下:
如果想停止的话,单击以下两个地方即可
代码运行
Code Runner
Code Runner是可以直接在vscode中运行代码的插件。 当然,有些语言得配置环境。
Code Runner支持非常多的语言:
摘录官方的话:
Run code snippet or code file for multiple languages: C, C , Java, JavaScript, PHP, Python, Perl, Perl 6, Ruby, Go, Lua, Groovy, PowerShell, BAT/CMD, BASH/SH, F# Script, F# (.NET Core), C# Script, C# (.NET Core), VBScript, TypeScript, CoffeeScript, Scala, Swift, Julia, Crystal, OCaml Script, R, AppleScript, Elixir, Visual Basic .NET, Clojure, Haxe, Objective-C, Rust, Racket, AutoHotkey, AutoIt, Kotlin, Dart, Free Pascal, Haskell, Nim, D, Lisp, Kit, and custom command
而使用也非常简单:
比如我想要运行该php
文件,则右键即可:
就会在控制台打印出结果: