Visual Studio Code(VS Code)安装
1. 四大编辑器介绍
- Notepad++:Notepad++是一套自由软件的纯文本编辑器,由台湾人侯今吾基于同是开放源代码的Scintilla文本编辑组件并独力研发,整个项目托管于SourceForge.NET之上,并两度获得SourceForge社区选择奖——最佳开发工具。
-
Sublime:Mac OS X, Windows, Linux全平台支持, 各种Python插件应有尽有,作者提供无限的试用期。但是需付费,可参看破解教程 朽木博客–Sublime Text 3 破解进行破解。
注
: 一般为了不反人类, 编码使用UTF-8, 但也常见中日韩用户使用的 GB2312,GBK,BIG5,EUC-KR,EUC-JP 等, 默认不被支持, 可以通过安装插件 ConvertToUTF8 来解决, GitHub地址: ConvertToUTF8。 - Atom:Atom是由GitHub开发的自由及开放源代码的跨平台的编辑器,它使用了跨平台的Electron,用前端技术编写图形界面。支持OS X、Windows和linux操作系统,支持Node.js所写的插件,并内置Git版本控制系统。
- Visual Studio Code:VS Code是微软公司利用Electron做的一个跨平台的编辑器,提供一个轻量级的Web集成开发环境。虽然它的社区远远不如Atom社区活跃,插件也不是很丰富,但是易用性方面非常好。完美替代 notepad++, sublime等的优秀工具。
备注
:当前主流的跨平台的三大编辑器为Sublime、Atom和VS Code;Notepad是一个Windows平台下的编辑器。
2. 为什么使用VS Code
以JavaScript为代表,过去我们调试JS的时候,需要使用浏览器F12,代码上面需要利用console.log 或 alert 对过程进行输出,习惯了例如VS 编译器的开发人员会比较不习惯。如今可以使用VS Code进行开发,它开源免费,通过安装开发语言相关的插件,可以让VS Code实现相应的语法识别和代码提示,目前拓展商店已经提供了大多数编程语言的插件,可以随便下载,常用有Script有JScript、EScript ,以及包括PHP,Python等其它语言。
3. VS Code 安装
打开Visual Studio Code官网,点击它的下载链接即可。VS Code比Atom做得好的一点就是支持中文。
4. 特性
4.1 markdown支持
备注
:markdown文件的后缀为.md .
(1)换行 :和csdn的markdown编辑器不太一样, vscode中想要换行, 必须在行尾敲上两个空格
, 再按回车键, 才可以。
(2)latex公式支持 :需要安装插件Markdown+Math
, 注意使用时必须使用Ctrl+Shift+.
快捷键来打开预览页面而不是默认的预览页面。
4.2 xml支持
如果想使用 自动缩进(美化代码)
的功能, 需要安装 XML Tools 插件。
5 菜单、导航及用户配置
(1)顶部菜单栏: 不做过多介绍
(2)左侧导航栏分别为:
- 资源管理器–显示打开的文件列表,以及显示打开的文件夹以及其目录,
- 搜索和替换– 快捷方式(ctrl + shift + f )
- git版本控制工具:VS Code内置了Git版本控制,我们可以方便的提交、回滚、拉取和推送。
- debug工具:我们可以方便的对代码进行调试,可以在图形界面上执行单步调试和多步调试。
- 插件市场:点击扩展按钮,即可安装扩展。有时候编辑器还会自动提示安装某个扩展来获取一些功能。
(3)用户配置:文件 –> 首选项 –> 用户设置(File > Preferences -> user setting) 打开所有的配置项,覆盖HTTP configuration项。
6. 安装扩展
(1)在官网扩展市场中可以查找需要的扩展,其实最好的几个插件,全在官网首页的展示图上了。
(2)安装快捷方式:(ctrl + p )启动导航模式,ext install plugin-name
来安装相关插件。
(3)安装扩展后需要重新加载 VS Code 以便启用插件。