VSCode使用

282 阅读1分钟

优点

免费、开源
海量的扩展插件
轻量(不会占用大量的内存和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 的智能提示