Vscode-工具使用

Vscode ,这玩意儿是开源的,以前用收费的破解版,过段时间就高版本不匹配,这次搞个不要钱的玩玩,记录使用心得

下载

下载地址:官网

在这里插入图片描述

点击下载,但是这里有个问题下载比较慢,解决办法:
在chrome 浏览器中打开下载的地址:
https://az764295.vo.msecnd.net/stable/6445d93c81ebe42c4cbd7a60712e0b17d9463e97/VSCodeUserSetup-x64-1.81.0.exe

然后替换 :用 https://vscode.cdn.azure.cn/ 替换前面的,最后成这样
https://vscode.cdn.azure.cn/stable/6445d93c81ebe42c4cbd7a60712e0b17d9463e97/VSCodeUserSetup-x64-1.81.0.exe
这个地址下载就会比较快了

常用快捷键

常用的快捷键已高亮
#设置相关:Ctrl+Shift+P, F1:打开命令框
Ctrl+P: 快速打开,转到文件
Ctrl+Shift+N:打开新的vscode窗口
Ctrl+Shift+W:关闭vscode窗口
Ctrl+, :打开用户设置
Ctrl+K Ctrl+S:键盘快捷方式#编辑相关:Ctrl+X: 剪切
Ctrl+C: 复制
Alt+ ↑ / ↓: 上下移动行
Shift+Alt + ↓ / ↑:复制并粘贴到上下行
Ctrl+Shift+K: 删除行
Ctrl+Enter:行下插入
Ctrl+Shift+Enter:行上插入
Ctrl+Shift+\ :调到匹配的括号另一端
Ctrl+] / [: 行的缩进和缩出
Home / End:跳转行头行尾
Ctrl+Home:跳转到文件开头
Ctrl+End:跳转到文件结尾
Ctrl+↑ / ↓:向上/下滚动行
Alt+PgUp / PgDn:向上/向下滚动页面
#Ctrl+Shift+[:折叠所选区域
#Ctrl+Shift+]:展开所选区域
Ctrl+K Ctrl+[:折叠所有子域
Ctrl+K Ctrl+]:展开所有子域
Ctrl+K Ctrl+0:折叠所有区域
Ctrl+K Ctrl+J:展开所有区域
Ctrl+K Ctrl+C:添加行注释
Ctrl+K Ctrl+U:删除行注释
Ctrl+/: 切换行注释
Shift+Alt+A:切换块注释
Alt+Z:切换换行#导航相关:Ctrl+T:显示所有符号
Ctrl+G:转到第几行
Ctrl+P:转到某个文件
Ctrl+Shift+O: 转到某个符号
Ctrl+Shift+M:显示问题面板
F8:转到下一个错误或警告
Shift+F8:转到上一个错误或警告
Ctrl+Shift+Tab:快速切换到历史文件
Alt+ ← / →:返回/前进
Ctrl+M:切换选项卡移动焦点#搜索替换相关:Ctrl+F:查到
Ctrl+H:替换
F3 / Shift+F3:查找下一个/上一个
Alt+Enter:选择“查找匹配项”的所有出现项
Ctrl+D:添加所选内容以查找下一个匹配项
Ctrl+K Ctrl+D:移动最后一个选择以查找下一个匹配项
Alt+C / R / W:切换区分大小写/正则表达式/全字 #多光标和选择:Alt+Click:插入
#Ctrl+Alt+↑/↓:在上方/下方插入光标(多选行)
Ctrl+U:撤消上次光标操作
Shift+Alt+I:在选定的每行末尾插入光标
Ctrl+L:选择当前行
Ctrl+Shift+L:选择当前选择的所有匹配项
Ctrl+F2:选择当前单词的所有匹配项
Shift+Alt+→:展开选择
Shift+Alt+←:收缩选择
Shift+Alt+鼠标:选择鼠标区域(行列组成的矩形)
Ctrl+Shift+Alt箭头键:列(框)选择
Ctrl+Shift+Alt+PgUp/PgDn:列(框)选择页上/下#语言编辑相关:Ctrl+Space:触发建议
Ctrl+Shift+Space:触发参数提示
#Shift+Alt+F:格式化文档
Ctrl+K Ctrl+F:格式选择
F12:转到定义
Alt+F12:定义
Ctrl+K F12:将定义打开到一侧
Ctrl+。:快速修复
Shift+F12:显示引用
F2:重命名符号
Ctrl+K Ctrl+X:修剪尾部空白
Ctrl+K M:更改文件语言#编辑管理相关:Ctrl+F4,Ctrl+W:关闭编辑器
Ctrl+K F:关闭文件夹
#Ctrl+\:分割编辑器
#Ctrl+1/2/3:焦点转换到第一第二或第三编辑组(分割后使用)
Ctrl+K Ctrl+←/→:聚焦到上一个/下一个编辑器组
Ctrl+Shift+PgUp/PgDn:向左/向右移动编辑器
Ctrl+K←/→:移动活动编辑器组#文件管理相关:Ctrl+N:新建文件
Ctrl+O:打开文件
Ctrl+S:保存
Ctrl+Shift+S:另存为
Ctrl+K S:全部保存
Ctrl+F4:关闭当前窗口
Ctrl+K Ctrl+W:全部关闭
Ctrl+Shift+T:重新打开关闭的编辑器
Ctrl+K:按Enter键以保持预览模式编辑器处于打开状态
Ctrl+Tab:打开下一个
Ctrl+Shift+Tab:打开上一页
Ctrl+K P:活动文件的复制路径
Ctrl+K R:在资源管理器中显示活动文件
Ctrl+K:在新窗口/实例中显示活动文件#显示相关:F11:切换全屏
Shift+Alt+0:切换编辑器布局(水平/垂直)
Ctrl+=/-:放大/缩小
Ctrl+B:切换侧边栏可见性
Ctrl+Shift+E:显示资源管理器/切换焦点
Ctrl+Shift+F:显示搜索
Ctrl+Shift+G:显示源代码管理
Ctrl+Shift+D:显示调试
Ctrl+Shift+X:显示扩展名
Ctrl+Shift+H:替换文件
Ctrl+Shift+J:切换搜索详细信息
Ctrl+Shift+U:显示输出面板
Ctrl+Shift+V:打开标记预览
Ctrl+K V:打开标记预览到一侧
Ctrl+K Z:Zen模式(按Esc退出)#调试相关:F9:切换断点
F5:开始/继续
Shift+F5:停止
F11/Shift+F11:步进/步出
F10:跨过
Ctrl+K Ctrl+I:显示悬停#终端相关:Ctrl+:显示集成终端 Ctrl+Shift+:创建新终端
Ctrl+C:复制选择
Ctrl+V:粘贴到活动终端
Ctrl+↑/↓:上/下滚动
Shift+PgUp/PgDn:向上/向下滚动页面
Ctrl+Home/End:滚动到顶部/底部

安装NODE.JS

Node.js 就是运行在服务端的 JavaScript。Node.js 是一个基于Chrome JavaScript 运行时建立的一个平台。
 下载对应你系统的Node.js版本:NODEJS
 我下载的版本 在这里插入图片描述
然后安装,安装后进入安装目录 node -v 查看版本
在这里插入图片描述

包资源管理器NPM

npm全称Node Package Manager,他是node包管理和分发工具。其实我们可以把NPM理解为前端的Maven
,Node.js 内置了 npm

-- 这里要用管理员进入cmd 
C:\Windows\System32>npm install expressadded 58 packages in 5s8 packages are looking for fundingrun `npm fund` for detailsC:\Windows\System32>

淘宝NPM镜像

有时我们使用npm下载资源会很慢,所以我们可以安装一个cnmp(淘宝镜像)来加快下载速度。输入命令,进行全局安装淘宝镜像。

npm install -g cnpm --registry=https://registry.npm.taobao.orgC:\WINDOWS\system32>npm install -g cnpm --registry=https://registry.npm.taobao.org
C:\Users\Lenovo\AppData\Roaming\npm\cnpm -> C:\Users\Lenovo\AppData\Roaming\npm\node_modules\cnpm\bin\cnpm
npm WARN notsup Unsupported engine for cnpm@9.2.0: wanted: {"node":">= 14.18.0"} (current: {"node":"14.17.3","npm":"6.14.13"})
npm WARN notsup Not compatible with your version of node/npm: cnpm@9.2.0
npm WARN notsup Unsupported engine for urllib@3.17.1: wanted: {"node":">= 14.19.3"} (current: {"node":"14.17.3","npm":"6.14.13"})
npm WARN notsup Not compatible with your version of node/npm: urllib@3.17.1
npm WARN notsup Unsupported engine for npminstall@7.9.0: wanted: {"node":">=14.18.0"} (current: {"node":"14.17.3","npm":"6.14.13"})
npm WARN notsup Not compatible with your version of node/npm: npminstall@7.9.0+ cnpm@9.2.0
added 368 packages from 92 contributors, removed 398 packages, updated 307 packages and moved 3 packages in 429.006s

安装后,我们可以使用以下命令来查看cnpm的版本

cnpm ‐v

使用cnpm
      cnpm install 需要下载的js库

C:\Windows\System32>npm fund
System32
+-- https://github.com/sponsors/ljharb
|   `-- qs@6.11.0, side-channel@1.0.4, call-bind@1.0.2, get-intrinsic@1.2.1, has-proto@1.0.1, has-symbols@1.0.3, object-inspect@1.12.3
`-- https://github.com/sponsors/feross`-- safe-buffer@5.2.1

卸载CNPM

npm uninstall -g cnpm
npm run build

‘gulp’ 不是内部或外部命令,也不是可运行的程序或批处理文件。

-- 安装 gulp 
npm install gulp -g

查看全局配置

npm config ls npm set prefix  "E:\developer\npm-repo"
-- 设置缓存目录 
npm set cache "E:\developer\npm-cache"

查看镜像地址

C:\Windows\System32>npm config get registry
https://registry.npmjs.org/

改镜像地址

-- 设置镜像   
C:\Windows\System32>npm config set registry https://registry.npm.taobao.orgC:\Windows\System32>npm ls -g
E:\developer\npm-repo
-- (empty)C:\Windows\System32>npm config get registry
https://registry.npm.taobao.org

查看安装包

-- 查看本地安装包 
C:\Windows\System32>npm list
System32@ C:\Windows\System32
`-- express@4.18.2
-- 查看全局安装包 
C:\Windows\System32>npm list -g
E:\developer\npm-repo
`-- gulp@4.0.2

安装包

npm install --legacy-peer-deps  -- 或者后面这个不要 这个是解决 依赖冲突 的npm install chromedriver@2.27.2 --ignore-scripts  -- 后面的参数是单独安装某个包

NPM 查看包

npm  list 

gyp ERR! stack Error: Could not find any Visual Studio installation to use

npm install -globabl -production windows-build-toolsC:\WINDOWS\system32>npm install -globabl -production windows-build-tools
npm WARN deprecated windows-build-tools@5.2.2: Node.js now includes build tools for Windows. You probably no longer need this tool. See https://github.com/felixrieseberg/windows-build-tools for details.
npm WARN deprecated request@2.88.2: request has been deprecated, see https://github.com/request/request/issues/3142
npm WARN deprecated har-validator@5.1.5: this library is no longer supported
npm WARN deprecated uuid@3.4.0: Please upgrade  to version 7 or higher.  Older versions may use Math.random() in certain circumstances, which is known to be problematic.  See https://v8.dev/blog/math-random for details.> windows-build-tools@5.2.2 postinstall C:\WINDOWS\system32\node_modules\windows-build-tools
> node ./dist/index.jsDownloading python-2.7.15.amd64.msi
[============================================>] 100.0% (0 B/s)
Downloaded python-2.7.15.amd64.msi. Saved to C:\Users\Lenovo\.windows-build-tools\python-2.7.15.amd64.msi.
Downloading vs_BuildTools.exe
[============================================>] 100.0% of 1.12 MB (743 kB/s)
Downloaded vs_BuildTools.exe. Saved to C:\Users\Lenovo\.windows-build-tools\vs_BuildTools.exe.Starting installation...
Launched installers, now waiting for them to finish.
This will likely take some time - please be patient!Status from the installers:
---------- Visual Studio Build Tools ----------
Still waiting for installer log file...
------------------- Python --------------------
Successfully installed Python 2.7                    
npm install -g node-gyp
C:\WINDOWS\system32>npm install -g node-gyp
C:\Users\Lenovo\AppData\Roaming\npm\node-gyp -> C:\Users\Lenovo\AppData\Roaming\npm\node_modules\node-gyp\bin\node-gyp.js
+ node-gyp@9.4.0
added 53 packages from 15 contributors, removed 10 packages and updated 81 packages in 6.431s
-- 检查一下
C:\WINDOWS\system32>node-gyp list
gyp info it worked if it ends with ok
gyp info using node-gyp@9.4.0
gyp info using node@14.17.3 | win32 | x64
14.17.3
gyp info ok
npm config set python C:\Users\Lenovo\.windows-build-tools\python27C:\WINDOWS\system32>npm config set python C:\Users\Lenovo\.windows-build-tools\python27

– 设置全局淘宝镜像
C:\WINDOWS\system32>npm config set registry https://registry.npm.taobao.org

– nrm 安装
C:\WINDOWS\system32>npm install nrm -g
C:\Users\Lenovo\AppData\Roaming\npm\nrm -> C:\Users\Lenovo\AppData\Roaming\npm\node_modules\nrm\cli.js

  • nrm@1.2.6
    added 17 packages from 10 contributors in 1.673s

C:\WINDOWS\system32>nrm ls
npm ---------- https://registry.npmjs.org/
yarn --------- https://registry.yarnpkg.com/
tencent ------ https://mirrors.cloud.tencent.com/npm/
cnpm --------- https://r.cnpmjs.org/
taobao ------- https://registry.npmmirror.com/
npmMirror ---- https://skimdb.npmjs.com/registry/

the end

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

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

相关文章

【Git】保姆级详解:Git配置SSH Key(密钥和公钥)到github

博主简介:22级计算机科学与技术本科生一枚🌸博主主页:是瑶瑶子啦每日一言🌼: “当人们做不到一些事情的时候,他们会对你说你也同样不能。”——《当幸福来敲门》 克里斯加德纳 Git配置SSH Key 一、什么是Git?二、什么…

在CPU上安装部署chatglm-6b实用经验分享

chatglm-6b很强,很多同学都想自己试一试,但不是每个人都有GPU、高端显卡的环境,大多数同学都是一台普通的笔记本。 笔者这里分享一下在自己的8G内存,intel i3笔记本上安装部署chatglm-6b的实际经验。有很多网站都分享了一些经验&…

算法工程师-机器学习面试题总结(3)

FM模型 FM模型与逻辑回归相比有什么优缺点? FM(因子分解机)模型和逻辑回归是两种常见的预测建模方法,它们在一些方面有不同的优缺点。 FM模型的优点: 1. 能够捕获特征之间的交互作用:FM模型通过对特征向量…

模拟实现消息队列

目录 1. 需求分析1.1 介绍一些核心概念核心概念1核心概念2 1.2 消息队列服务器(Broker Server)要提供的核心 API1.3 交换机类型1.3.1 类型介绍1.3.2 转发规则: 1.4 持久化1.5 关于网络通信1.5.1 客户端与服务器提供的对应方法1.5.2 客户端额外…

ReadableStream流的js处理

需求 今天接了一个gpt的项目。需要对接接口。后端返回的数据是ReadableStream类型的。记录下如何处理ReadableStream类型的数据 代码 const response ... // response 是服务端返回的数据// 创建了一个数据读取器 const reader response.getReader(); // 创建了一个文本解…

UNIQUE VISION Programming Contest 2023 Summer(AtCoder Beginner Contest 312)D题题解

文章目录 [Count Bracket Sequences](https://atcoder.jp/contests/abc312/tasks/abc312_d)问题建模问题分析1.分析合法括号字符串的特点2.从集合角度分析字符串每个字符的作用代码 Count Bracket Sequences 问题建模 给定一个字符串,字符串内仅有3种字符&#xff…

java基础 面向对象 简答题

​​​​​ 1.面向对象的特征有哪些 封装:是指将数据和他的数据处理过程包装起来,隐藏类的内部细节 继承:新创建的类继承现有类的成员属性和方法,提高代码复用和扩展性 多态:两个特征向上造型和向下转型&#xff0c…

redis原理 8:有备无患 —— 主从同步

很多企业都没有使用到 Redis 的集群,但是至少都做了主从。有了主从,当 master 挂掉的时候,运维让从库过来接管,服务就可以继续,否则 master 需要经过数据恢复和重启的过程,这就可能会拖很长的时间&#xff…

String 类的运用

目录 1.字符串构造 2.String对象的比较 2.1比较是否引用同一个对象 2. 2boolean equals(Object anObject) 2.3int compareTo(String s) 方法: 按照字典序进行比较 2.4int compareToIgnoreCase(String str) 3.字符串查找 4.2大小写转换 4.3字符串转数组 4.4 格式化 5.字…

篇十六:命令模式:封装请求

篇十六:"命令模式:封装请求" 开始本篇文章之前先推荐一个好用的学习工具,AIRIght,借助于AI助手工具,学习事半功倍。欢迎访问:http://airight.fun/。 另外有2本不错的关于设计模式的资料&#x…

web-初始前端

不区分大小写&#xff0c;单双引号&#xff0c; <html><head><title>初识HTML</title></head><body><h1>Hello world!</h1><img src OIF-C.jfif/></body> </html> <!-- 文件格式 --> <!DOCTYPE h…

mysql-数据库-带你10分钟学会表的相关操作

一、单表查询 素材&#xff1a; 表名&#xff1a;worker-- 表中字段均为中文&#xff0c;比如 部门号 工资 职工号 参加工作 等 CREATE TABLE worker ( 部门号 int(11) NOT NULL, 职工号 int(11) NOT NULL, 工作时间 date NOT NULL, 工资 float(8,2) NOT NULL, 政治面貌 …

42. 疯狂爬取王者荣耀所有皮肤高清海报(文末源码)

目录 前言 目的 思路 代码实现 1. 导包&#xff0c;部署好环境 2. 伪装请求头 3. 访问英雄列表&#xff0c;获取英雄ID 4. 分别访问各英雄主页&#xff0c;查看图片详情 5. 写入本地文件夹&#xff08;文件夹自动命名&#xff09; 完整源码 运行效果 总结 前言 阔…

SQL Server数据库 -- 索引与视图

文章目录 一、索引 聚集索引非聚集索引二、视图三、自定义函数 标量函数表值函数四、游标五、总结 前言 在学习完创建库表、查询等知识点后&#xff0c;为了更加方便优化数据库的存储和内容&#xff0c;我们需要学习一系列的方法例如索引与视图等等&#xff0c;从而使我们更加…

用 docker 创建 jmeter 容器,能做性能测试?

我们都知道&#xff0c;jmeter 可以做接口测试&#xff0c;也可以用于性能测试&#xff0c;现在企业中性能测试也大多使用 jmeter。docker 是最近这些年流行起来的容器部署工具&#xff0c;可以创建一个容器&#xff0c;然后把项目放到容器中&#xff0c;就可以构建出一个独立的…

如何使Python Docker镜像安全、快速、小巧

一、说明 在微服务领域&#xff0c;拥有安全、高效和紧凑的 Docker 映像对于成功部署至关重要。本博客将探讨有助于构建此类映像的关键因素&#xff0c;包括不以 root 用户身份运行映像的重要性、在构建映像时更新和升级包、在编写 Dockerfile 指令时考虑 Docker 的层架构&…

vue.js中如何给元素动态添加属性?

这里写自定义目录标题 封装组件的时候属性为动时怎么绑定属性 {property: positionId,title: 版位,type: select,required: false,multiple: false,options: [],placeholder: 请选择,},{property: type,title: 广告类型,type: slot,componment: radioTab,ref: type,attrs: { vi…

【torch.nn.PixelShuffle】和 【torch.nn.UnpixelShuffle】

文章目录 torch.nn.PixelShuffle直观解释官方文档 torch.nn.PixelUnshuffle直观解释官方文档 torch.nn.PixelShuffle 直观解释 PixelShuffle是一种上采样方法&#xff0c;它将形状为 ( ∗ , C r 2 , H , W ) (∗, C\times r^2, H, W) (∗,Cr2,H,W)的张量重新排列转换为形状为…

APT80DQ40BG-ASEMI快恢复二极管APT80DQ40BG

编辑&#xff1a;ll APT80DQ40BG-ASEMI快恢复二极管APT80DQ40BG 型号&#xff1a;APT60DQ20BG 品牌&#xff1a;ASEMI 封装&#xff1a;TO-3P 恢复时间&#xff1a;≤50ns 正向电流&#xff1a;80A 反向耐压&#xff1a;400V 芯片个数&#xff1a;双芯片 引脚数量&…