开发工具VSCODE的使用记录

vscode简介

Visual Studio Code(简称“VS Code” [1] )是Microsoft在2015年4月30日Build开发者大会上正式宣布一个运行于 Mac OS X、Windows和 Linux 之上的,针对于编写现代Web和云应用的跨平台源代码编辑器, [2] 可在桌面上运行,并且可用于Windows,macOS和Linux,另外VS Code完全免费。

什么是集成开发环境?
VS Code就是微软推出的一款集成开发环境。

vscode下载安装

官网地址:https://code.visualstudio.com/
官网下载vscode界面,如下:
在这里插入图片描述
查看下载之后的安装文件,如下:
在这里插入图片描述
安装唯一需要注意的一点就是将创建桌面快捷方式和添加到window资源管理器勾上,如下:
在这里插入图片描述
勾上之后后续操作会很方便。
安装之后打开的页面,如下:
在这里插入图片描述

设置VS Code显示中文

如果看英文不习惯,可以更改成中文,如下:
操作一,按Ctrl + Shift + P
操作二,在输入框中输入language
在这里插入图片描述
操作三、选择安装的语言
在这里插入图片描述
操作四、中要安装的语言,然后点击安装
在这里插入图片描述
操作五、安装完成后选择重启
在这里插入图片描述
重启之后的效果图,如下:
在这里插入图片描述

插件Live Server

Live Server插件的作用有两个,如下:

  1. 可以让我们编写完代码点击保存之后,浏览器自动更新网页内容
  2. 运行网页是新开启了一个服务,有一个端口号单独针对运行,可以让我们在开发的时候更好的模仿生产环境

未使用Live Server插件的运行地址,如下:
在这里插入图片描述
使用Live Server插件的运行地址,如下:
在这里插入图片描述

常用操作

实现多行输入(即在多个光标位置同时输入)

按住alt,用鼠标左键点击,可以出现多个光标,输入的代码可以在光标处同时增加,这个操作对于批量编辑和快速输入相同内容非常有用。

vscode javascript 单行注释快捷键

选中要注释的内容,按快捷键Ctrl+/即可。

vscode javascript 多行注释快捷键

对于已有的多行代码,可以使用 Alt + Shift + A 快捷键来在其前面添加 /* ,在后面添加 */ ,从而将其注释掉。

vscode工具中手动折叠多行代码

在这里插入图片描述

设置字体大小

1、打开VSCode,并点击左侧的菜单栏中的“文件(File)”。

2、在文件菜单中,选择“首选项(Preferences)”,然后选择“设置(Settings)”选项。

3、这将打开一个新窗口,在搜索框中输入“字体大小(Font Size)”,然后点击“编辑(Workbench › Appearance › Font Size)”选项。

4、在右侧的编辑器中,您可以看到“字体大小(Font Size)”的选项。在文本框中输入您想要的字体大小,例如"14"或"16"。

5、如果您只想更改代码编辑器的字体大小,可以在设置中搜索并选择“编辑器: 字体大小(Editor: Font Size)”,然后输入您想要的字体大小。

6、您还可以通过下拉菜单选择相对大小(例如"较小(Smaller)"、“正常(Normal)”、“较大(Larger)”)或使用滑块来调整字体大小。

保存设置后,您会立即看到编辑器中的字体大小更改。

如何设置黑色主题

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

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.hqwc.cn/news/22538.html

如若内容造成侵权/违法违规/事实不符,请联系编程知识网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

python详解(8)——进阶(2):初步算法

目录 🏆一、前言 🏆二、时间复杂度 🏆三、递推 🚩1.简介 🚩2.爬楼梯 🚩3、猴子吃桃 🏆四、递归 🚩1、简介 🚩2、递归求斐波那契数列 🚩3、递归求阶乘 &#x…

“开放合作 共享未来”华秋联手伙伴共创硬件生态,助力物联网硬件加速创新

2023年7月11日,华秋携产品与方案亮相慕尼黑上海电子展(electronica China),并与5家生态伙伴签署硬件生态共创战略协议,通过“硬件软件供应链”的合作模式,发挥各自行业优势,共同推动电子产业的创…

springboot时间管理系统

通过前面的功能分析可以将时间管理系统的功能分为管理员,用户两个部门,系统的主要功能包括首页,个人中心,系统公告管理,用户管理,时间分类管理,事件数据管理,目标数据管理&#xff0…

k8s 持久化存储

我们继续来查看 k8s 的卷,上一次我们分享了将磁盘挂载到容器中,empyDir 和 gitRepo 都是会随着 pod 的启动而创建,随着 pod 的删除而销毁 那么我们或许会有这样的需求,期望在 pod 上面读取节点的文件或者使用节点的文件系统来访问…

uniapp下上传图片后图片裁剪加图片旋转,支持H5和app

效果图 代码如下 <template><view class"container" v-show"isShow"><view><view class"cropper-content"><view v-if"isShowImg" class"uni-corpper":style"width: cropperInitW px;he…

Docker 安装 Nacos 单节点

Docker 安装 Nacos 单节点 1 搜索 Nacos2 下载 Nacos3 安装 Nacos Nacos&#xff08;中文名“云注册中心和配置中心”&#xff09;是一个用于动态服务发现、配置管理和服务管理的开源项目&#xff0c;它由阿里巴巴集团开发并开源。Nacos提供了一种简单而强大的方式来实现微服务…

【力扣JavaScript】1047. 删除字符串中的所有相邻重复项

/*** param {string} s* return {string}*/ var removeDuplicates function(s) {let stack[];for(i of s){let prevstack.pop();if(prev!i){stack.push(prev);stack.push(i);}}return stack.join(); };

no-unused-vars

找到 package.json 在rules输入 "no-unused-vars":"off"

PADS Logic怎么显示与隐藏元件的管脚编号和管脚名称

在绘制原理图元件的时候&#xff0c;有时管脚数量过多&#xff0c;管脚编号会显的特别密。既可以选择隐藏管脚编号&#xff0c;显示主要目的就是分辨出信号管脚。 第一步&#xff1a;在创建元件界面&#xff0c;执行菜单命令设置-显示颜色&#xff0c;如图1所示 图1 显示颜色选…

InsCode Stable Diffusion使用教程【InsCode Stable Diffusion美图活动一期】

记录一下如何使用 InsCode Stable Diffusion 进行 AI 绘图以及使用感受。 一、背景介绍 目前市面上比较权威&#xff0c;并能用于工作中的 AI 绘画软件其实就两款。一个叫 Midjourney&#xff08;简称 MJ&#xff09;&#xff0c;另一个叫 Stable Diffusion&#xff08;简称 …

EMQ 联合英特尔、云轴科技 ZStack 推出泛工业物联网联合解决方案

近日,EMQ 携手英特尔与云轴科技 ZStack 推出泛工业物联网联合解决方案,基于云原生超融合,在挖掘生产数据价值的同时有效降低综合建设成本,为用户提供一站式数据链路及 IT 基础设施解决方案。 工业能耗大户面临的关键挑战 工业正迈入一个全新的物联网时代,海量数据计算需求涌现…

微信加粉计数器后台开发

后台包括管理后台与代理后台两部分 管理后台 管理后台自带网络验证卡密系统,一个后台可以完成对Pc端的全部对接,可以自定义修改分组名称 分享等等代理后台 分享页 调用示例 <?php$request new HttpRequest(); $request->setUrl(http://xxxxxxx/api); $request->…