VSCode 简介
VSCode 全称 Visual Studio Code,是微软出的一款轻量级代码编辑器,免费、开源而且功能强大。它支持几乎所有主流的程序语言的语法高亮、智能代码补全、自定义热键、括号匹配、代码片段、代码对比 Diff、GIT 等特性,支持插件扩展,并针对网页开发和云端应用开发做了优化。软件跨平台支持 Win、Mac 以及 Linux。
对于它来说,写MarkDown 简直是小菜一碟。还可以写 R、LaTex、Python、AutoHotKey 等等等等学了会受益一辈子的东西。而每开一个新的系列就要介绍好用的编辑器,这么多系列,实在是太不高效了,你们也不喜欢每学一门新的东西就换一个软件学习吧,所以不如来一个“N合一”。“N合一”的软件很多很多,比如 VIm、Emacs、Atom 等等,而 VSCode 就是其中我比较推荐你们现阶段学习的软件。 为什么呢?除了VSCode 简介介绍的优点外,我选择它的其它原因是漂亮,打开大文件启动快。
其他的代码编辑器在打开特别大的文件时可能会有明显的卡顿,但是 VSCode 就是秒开,速度和 Notepad++ 不相上下。而总体体验上 VSCode 要比 Notepad++ 好不少,NotePad++ 的功能相比 VSCode 来说还是弱了点。因为打开速度特别快,所以 VSCode 也非常合适作为普通文本阅读器。
推荐理由:
-
比 sublime 开源,比 webstorm 更轻
-
智能提示很强大
-
自带 emmet
-
插件安装非常方便
-
自带强大的调试功能
-
软件跨平台支持 Win、Mac 以及 Linux。
VSCode 安装
官网下载地址: https://code.visualstudio.com/
安装步骤:
傻瓜式安装,直接下一步即可。
-
如果需要改变默认的安装路径,在选择目标位置时直接修改即可。
-
为方便以后使用,建议创建桌面快捷方式。
VSCode 使用
文件目录管理
-
选择File,然后选择Open Folder,打开文件夹。
-
界面主要分为EXPLORER(资源管理界面)和代码编辑页面。
颜色主题
-
设置首选项按钮 – Color Theme
-
在弹出的选择主题界面,选择喜欢的主题界面即可。其中Monokai是与sublime一致的风格。
其他操作
-
放大缩小视图:ctrl + 加号 和 ctrl + 减号
-
向上复制一行:alt+shift+↑
-
向下复制一行:alt+shift+↓
-
当光标点击到某一行时,默认选中全行,可以直接复制粘贴
VSCode 插件安装
安装方法
点击左侧《扩展》图标,在搜索框输入需要安装的插件名称,点击install进行安装即可。安装完毕,需要重新加载软件使插件生效。
推荐安装的插件
| 插件 | 作用 |
|---|---|
| Chinese (Simplified) Language Pack for VS Code | 中文(简体)语言包 |
| Open in Browser | 右击选择浏览器打开html文件 |
| JS-CSS-HTML Formatter | 每次保存,都会自动格式化js css 和html 代码 |
| Auto Rename Tag | 自动重命名配对的HTML / XML标签 |
| CSS Peek | 追踪至样式 |
注意:插件安装需要联网。
禁用或卸载已安装的插件
在扩展界面,点击“更多操作”(三个点),选择“显示安装的扩展”,在列表中找到需要禁用的插件,点击“禁用”或者“卸载”即可。同样操作完毕需要重新加载生效。