【开发环境】VSCode 开发环境 ( 下载安装 VSCode | 使用 VSCode | 资源管理器 | 生成 HTML 骨架代码 | 设置主题 | 字体设置 | 复制行操作 )
导读:一、下载安装 VSCode下载安装 VSCode 参考博客 【开发环境】安装 Visual Studio Code 开发环境 ( 下载 Visual Studio Code 安装器 | Visual Studio Code ;二、VSC...
一、下载安装 VSCode
下载安装 VSCode 参考博客 【开发环境】安装 Visual Studio Code 开发环境 ( 下载 Visual Studio Code 安装器 | Visual Studio Code ) ;
二、VSCode 资源管理器
选择 " 菜单栏 / 文件 / 打开文件夹 " 选项 ,
打开时 , 选择信任该目录 ;
资源管理器 有 如下四个功能 :
- 新建文件
- 新建文件夹
- 刷新资源管理器
- 在资源管理器中折叠文件夹
三、VSCode 生成 HTML 骨架代码
创建 html 文件 , 在空白文件中 , 输入 ! 选择 , 在下拉菜单中弹出两个选项 ;
选择第一个选项 , 可以直接生成 HTML 页面骨架 ;
!DOCTYPE html>
html lang="en">
head>
meta charset="UTF-8">
meta http-equiv="X-UA-Compatible" content="IE=edge">
meta name="viewport" content="width=device-width, initial-scale=1.0">
title>
Document/title>
/head>
body>
/body>
/html>
四、VSCode 设置主题
点击左下角的设置按钮 , 选择 " 颜色主题 " 选项 ,
在弹出的下拉菜单中选择 颜色主题 ;
五、VSCode 字体设置
字体大小设置 :
- Ctrl + 加号 : 字体增加 :
- Ctrl + 减号 : 字体减小 ;
六、VSCode 复制行
将 光标 放在 一行中 , 不需要选中 , 直接 Ctrl + C / Ctrl + V 就可以直接进行复制粘贴 ;
使用 Shit + Alt + 上下箭头 , 可以复制一行 , 将复制内容拷贝到上方或下方 ;
声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!
若转载请注明出处: 【开发环境】VSCode 开发环境 ( 下载安装 VSCode | 使用 VSCode | 资源管理器 | 生成 HTML 骨架代码 | 设置主题 | 字体设置 | 复制行操作 )
本文地址: https://pptw.com/jishu/290295.html