第2课 VScode的基本操作-Vue开发-教学资料-长沙网学教育科技有限公司官网

教学视频

VS code是微软公司开发的一款免费代码编辑器，全称Visval Studio code，小巧玲珑，功能强大，广受好评。

同时微软公司还提供一款大型的IDE工具Visval Studio2022，不要搞混。

VS code可以用于前端代码、Python、JAVA、PHP等多种编程语言编码，也是vue开发的首选编辑器。

vs code官网下载慢，推荐到腾讯软件中心下载

vs code通过插件的方式扩展功能，提供了大量的插件库，可根据自己的需要下载。学vue开发，至少先下载以下三个。

使用方法：按下“Ctrl+Shift+P”组合键以显示“命令面板”，输入“Configure Display Language”命令设置 VS Code 显示语言。

标签自动改名

提供Vue语法高亮、语法检查、代码补全等功能，创建一个vue文件，输入vue即可产生一个空白vue文档模板。

快速输入html文档

！+tab键

输入html标记

直接输入标记名（不用输入"<"）回车或tab键，例如：输入div然后回车就可以产生<div></div>

括起选中的内容

选中一段文字，然后输入一个左花括号或者圆括号、中括号、尖括号、双引号、单引号等，就会自动将选中的文字括起来。

常用快捷键

显示比例调整 ctrl+加减号

移动行： alt+上/下光标键

复制当前行： shift+alt+上/下光标键

注释代码切换：ctrl+/

格式化代码：alt+shift+f

转到行：ctrl+g

转到另一个括号：ctrl+shift+\

当前行代码折叠/展开：ctrl+shift+[ 或 ]

新建一行：ctrl+回车不必考虑文字光标的水平位置

多点输入

按住alt键连续点击多处，可以创建多个光标，实现多处同时输入。在多处同时输入状态下可以使用左右光标键、home键、end键移动文字光标。

在文字光标处，按住alt+shift再按住鼠标左键拖动，实现竖排多行选择。直接按住鼠标滚轮拖动也可以实现，而且更方便

按住alt键选择文字，可以选择多个不连续代码块，选中多行文字，按alt+shift+i，可以进入多行同时编辑状态。

快速输入代码（Emmet缩写）

举例：ul>li{内容}*5

使用终端

在VScode中，可以打开多个终端，定位的位置是当前打开的工程文件夹，用删除的方式关闭终端。