优点
免费、开源
海量的扩展插件
轻量(不会占用大量的内存和CPU,不会对电脑造成卡顿)
下载和安装
下载地址:https://code.visualstudio.com/
安装插件
基本布局
活动栏、 侧栏、 编辑器、 面板、状态栏
项目的新建与引入
文件夹的操作
用户配置(界面、主题、快捷键等配置)
颜色主题改变:
添加:方案一:Ctrl+k+t
方案二:查看-》命令面板-》>theme
禁用:如下图:
图标主题:
选择图标主题 文件-》首选项-》文件图标主题
用户和工作区的差别
文件-》首选项-》设置
用户设置-全局应用于您打开的任何VS代码实例的设置
工作区设置-存储在工作区内的设置,仅在打开工作区时应用
快捷键使用
整行复制:ctrl+c
整行粘贴:ctrl+v
剪切:ctrl+x
查找:ctrl+f (F3查找下一个)
文件夹查找:ctrl+shift+f
替换:ctrl+h
保存:ctrl+s
行注释:ctrl+/
块注释:shift+alt+a
上方插入一行:ctrl+shift+enter
下方插入一行:ctrl+enter
格式化代码:alt+shift+f
> 快捷键映射
将其它编辑器的快捷键应用到vscode上,eg:sublime abstorm
文件-》首选项-》按键映射
> 自定义快捷键
文件-》首选项-》键盘快捷键
VSCode常用插件推荐
CSS Peek:html与css关联
Prettier:代码格式化
Icon Fonts:图表级,如Font Awesome、Glyphicons
Auto Rename Tag:自动修改标签
Boiler:HTML模板 兼容性写法
Color Info:颜色提示
Auto Close Tag:自动闭合标签
Html Css Support:html中css class 的智能提示