VScode 详细教程

2023-05-16

一、VScode 安装

VScode 官网地址:https://code.visualstudio.com/
你也可以打开下载页面 https://code.visualstudio.com/download,下载想要的格式包:
在这里插入图片描述
安装过程较为简单,略过。

二、界面说明

以下是 VScode 启动后的界面,简单说明如图:
在这里插入图片描述

三、VScode用户设置

文件–首选项–设置,打开用户设置。在这里插入图片描述

四、常用的快捷键

  • 重开一行:光标在行尾的话,回车即可;不在行尾,ctrl + enter 向下重开一行;ctrl+shift + enter 则是在上一行重开一行
  • 删除一行:光标没有选择内容时,ctrl + x 剪切一行;ctrl +shift + k 直接删除一行
  • 移动一行:alt + ↑ 向上移动一行;alt + ↓ 向下移动一行
  • 复制一行:shift + alt + ↓ 向下复制一行;shift + alt + ↑ 向上复制一行
  • ctrl + z 回退
  • ctrl + f :搜索
  • ctrl + alt + f: 替换
  • ctrl + shift + f:在项目内搜索
    自定义修改快捷键

在这里插入图片描述
在这里插入图片描述

五、插件安装

vscode怎么浏览器打开html预览?这里大家可以通过安装open in browser插件解决。
在这里插入图片描述
在安装完open in browser插件后,在html代码中鼠标右键可以看到多了两个打开选择,点击选项即可打开浏览器进行预览。

在这里插入图片描述

六、 Vue插件

在扩展功能窗口中输入Vetur,在搜索出的插件中选择Install,如下图
在这里插入图片描述
关闭vs code再重新打开,代码即可高亮显示,如下图
在这里插入图片描述

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

VScode 详细教程 的相关文章

随机推荐