
VSCode
分享使用VSCode小技巧
你挚爱的强哥
我以为,世上的程序语言确实没有高低之分,只有编程的人才有强弱之别,通过写代码我们可以发现和认识一个真正的自己,因为我们真正的对手,可能就是我们自己。
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
【推荐】JS代码格式化插件Prettier-Standard - JavaScript formatter
原创 2025-08-04 16:58:44 · 103 阅读 · 0 评论 -
修改VSCode的JavaScript(.js)文件代码格式化的默认配置项
VS Code中通过快捷键Ctrl+Shift+P打开命令面板,选择JavaScript和TypeScript的语言功能,可启用默认的智能代码补全、错误检查等编辑器功能。原创 2025-08-05 09:52:44 · 139 阅读 · 0 评论 -
VSCode解决中文乱码显示问题:运行一行代码解决VSCode终端不支持显示中文(chcp 65001)
在VSCode中解决终端中文乱码问题,只需输入命令"chcp 65001"切换为UTF-8编码即可。该命令将终端代码页设置为支持中文显示的65001代码页,简单有效解决中文显示异常问题。适用于Windows系统下VSCode终端的常见中文编码问题。原创 2025-07-20 19:49:25 · 160 阅读 · 0 评论 -
VSCode插件hex-to-rgba在rgba和hex颜色值类型之间互相切换
原创 2025-05-07 17:18:13 · 150 阅读 · 0 评论 -
pnpm : 无法加载文件 C:\Users\Administrator\AppData\Roaming\npm\pnpm.ps1,因为在此系统上禁止运行脚本。
pnpm : 无法加载文件 C:\Users\Administrator\AppData\Roaming\npm\pnpm.ps1,因为在此系统上禁止运行脚本。原创 2023-01-20 21:32:53 · 12566 阅读 · 1 评论 -
解决适配375像素宽度667像素高度移动端方法:推荐一款非常好用的px转rem单位的VSCode插件px to rem & rpx (cssrem)
px to rem & rpx (cssrem) - Visual Studio Marketplace Extension for Visual Studio Code - Converts between px and rem & rpx units in VSCodehttps://marketplace.visualstudio.com/items?itemName=cipchk.cssrem原创 2022-02-16 05:47:33 · 5660 阅读 · 0 评论 -
设置VSCode运行任务命令快捷键Alt+R,通常用于npm start(对频繁使用该命令可节省50%的输入命令行打字时间)
首次运行Alt+R然后继续Enter直到运行npm start为止原创 2021-12-04 12:43:07 · 6106 阅读 · 0 评论 -
设置VSCode刷新资源管理器快捷键Ctrl+Shift+R
原创 2021-09-29 23:56:23 · 6084 阅读 · 0 评论 -
让VSCode的快捷键切换为WebStorm/IDEA的快捷键、修改颜色主题(深色模式)、文件图标主题
Ctrl+K Ctrl+M设置Ctrk+K Ctrl+T选择这个绿茶婊主题怎么样?对图标样式有洁癖的可以选择上面这个图标主题原创 2021-09-11 20:52:25 · 6046 阅读 · 0 评论 -
【禅模式】如何进入极度专注的心流状态,让前端开发能力发挥到最大?设置VSCode禅模式快捷键Alt+F切换全屏,适合演示代码使用
原创 2021-09-11 00:04:27 · 6010 阅读 · 0 评论 -
设置VSCode打开键盘快捷方式和键盘快捷方式配置JSON分别快捷键为:Ctrl+Alt+K和Shift+Alt+K
原创 2021-09-09 22:08:46 · 5737 阅读 · 0 评论 -
设置VSCode隐藏菜单栏快捷键Alt+T(头部)、隐藏状态栏快捷键Alt+B(底部),为单屏开发者腾出更多编码空间
原创 2021-09-09 08:00:04 · 6228 阅读 · 0 评论 -
如何安装“散装版”(如自己开发的)插件到VSCode
这里用散装版本的AutoScssStruct4Vue为例先去https://github.com/accforgit/AutoScssStruct4Vue下载然后把解压后的包放入C:\Users\Administrator\.vscode\extensions(地址根据你自己的安装目录而定)点开目录在资源管理器地址栏输入cmd回车一路 npm i 然后用vscode打开此目录工程C:\Users\Administrator\.vscode\extensions\AutoSc...原创 2021-09-07 21:39:55 · 5333 阅读 · 0 评论 -
让你爽到飞起的【懒人插件AutoScssStruct4Vue】VSCode根据template的标签目录自动一键生成CSS/SCSS/LESS结构,敏捷开发必备插件!!!
Ctrl+Shift+X搜索AutoScssStruct4Vue如上图直接右键-autoScssStruct(你都不需要聚焦到template节点)直接就给你妥妥的把SCSS代码写好了,如果你还是嫌弃点右键太麻烦了太累了(泥马~这也太懒了吧,要不要AI帮你写代码?)我们还可以设置快捷键Ctrl+Alt+S,自动插入结构SCSS...原创 2021-09-07 08:34:44 · 5996 阅读 · 0 评论 -
【❤❤❤强哥推荐❤❤❤】VSCode常用快捷键配置文件表、代码片段,记得收藏
直接修改C:\Users\Administrator\AppData\Roaming\Code\User\keybindings.json文件为如下配置:// 将键绑定放在此文件中以覆盖默认值auto[][ { "key": "ctrl+shift+j", "command": "editor.action.joinLines" }, { "key": "shift+alt+x", "command": "wor原创 2021-09-06 22:48:28 · 6766 阅读 · 1 评论 -
【冷门快捷键】设置VSCode终端大小最小化快捷键Alt+PageUp/PageDown、编辑代码窗口切换大小快捷键Alt+数字键盘“+”、Alt+数字键盘“-”、Alt+数字键盘“0”
仔细研究你发现没我的Alt+数字键盘“+、-”是和改变编辑器字体大小的快捷键Ctrl+数字键盘“+、=”呼应的,非常方便记忆~注意需要覆盖默认的快捷键,反正之前的Alt+PageDown也不怎么用,索性就覆盖了。(其实就是想看到热更新编译是否完成[坏笑]~)设置重设终端大小,在任意窗口聚焦一直按住。可恢复原始大小,非常的nice!当屏幕需要足够多的空间编辑代码。设置编辑器窗口大小快捷键。但是又不想隐藏终端窗口。聚焦到代码编辑器使用。可调节编辑器窗口大小,原创 2021-09-06 22:45:02 · 9389 阅读 · 0 评论 -
设置VSCode快捷键Alt+U(首字母转换为大写)、Shift+Alt+U(全部转换为大写)、Shift+Alt+L(全部转换为小写)
等同于 'AAA'.toLowerCase();原创 2021-08-26 07:37:26 · 9058 阅读 · 0 评论 -
【烦人的问题】有一天发现VSCode中自己的鼠标选择老是跨行选择多段代码,怎么都改不回来,而且用alt+shift+鼠标都无法切换,肿么办?
选择-去掉“列选择模式”前面的✔原创 2021-08-17 23:23:04 · 5794 阅读 · 7 评论 -
参考WebStorm设置VSCode“转到编辑器中的符号”快捷键为Shift双击(这是一个频繁使用的快捷键)
搜索workbench.action.gotoSymbol修改key为“shift shift”这样就比默认的ctrl+shift+O好用了,也不容易误操作成别的快捷键!原创 2021-08-16 23:31:35 · 5473 阅读 · 0 评论 -
【汇总】细数VSCode中那些能够真正意义提升开发效率、鲜为人知的快捷键
ctrl+shift+[折叠代码 (这个比ctrl+k ctrl+l、ctrl+k ctr+j不知道好用多少倍!)ctrl+shift+]展开代码ctrl+shift+T打开手贱不小心关掉的窗口ctrl+shift+O打开当前文件相关的代码节点索引下拉框(配合关键搜索可以快速定位代码)ctrl+shift+.打开当前代码页的节点(搭配手动输入关键词,上下箭头快速定位要寻找的代码片段)ctrl+shift+;聚焦到面包屑,配合左箭头回到父级目录,然后回车可以选择同一个文件夹的其他文件c原创 2021-08-16 22:38:01 · 5158 阅读 · 0 评论 -
设置VSCode显示聚焦到资源管理器NPM窗口快捷键Alt+N
原创 2021-08-07 15:09:57 · 5383 阅读 · 0 评论 -
设置VSCode代码编辑器右侧的Minimap代码缩略图滚动条切换显示、隐藏的快捷键Alt+M
原创 2021-08-07 14:50:14 · 6472 阅读 · 0 评论 -
设置VSCode终端命令行清除快捷键Ctrl+K或Ctrl+L
Ctrl+K Ctrl+S设置 终端:清除Ctrl+K也可以输入terminal.clear设置Ctrl+L(建议设置这个,避免和其他Ctrl+K组合键冲突)接下来去验证下吧Ctrl+J打开终端命令行窗口,输入一些乱七八糟命令然后Ctrl+K或Ctrl+L是否清除了呀~~...原创 2021-08-05 23:34:06 · 9575 阅读 · 0 评论 -
参照WebStorm设置VSCode快捷键Alt+Enter快速修复部分报错代码(默认是Ctrl+.)
原创 2021-08-01 00:48:20 · 6171 阅读 · 0 评论 -
设置VSCode快捷键vue生成代码片段
Ctrl+Shift+P复制下面的代码片段{ "vue-template": { "prefix": "vue-强哥的模板", //这个是模板的自定义名称 "body": [ "<template>", " <div class='sg-body'>", " ", " </div>", "</template>", "", "<script>", "export.原创 2021-07-31 21:40:31 · 5113 阅读 · 0 评论 -
【必备】VSCode开发Angular的必备插件
TSLint:Typescript语法检查 Prettier:代码格式化 IntelliJ IDEA Keybindings:IDEA风格的快捷键 Angular 7 Snippets:Angular语法填充(标签) Angular Files:生成Angular的文件模板(Component、Module、Pipe等等) Angular Follow Selector:文件跳转(Component跳转到html、scss文件) Angular..原创 2021-07-29 23:07:12 · 7488 阅读 · 0 评论 -
设置VSCode快捷键Alt+Insert新建文件, Shift+Alt+Inser新建文件夹
原创 2021-07-29 06:47:15 · 6048 阅读 · 0 评论 -
设置VSCode快速切换多个项目窗口的快捷键Alt+E
Ctrl+K Ctrl+S 搜索“切换窗口”Alt+E原创 2021-07-25 14:56:05 · 10535 阅读 · 0 评论 -
设置显示VSCode的修改历史Local History,方便多人开发的时候快速查看谁修改了代码(也可以防止误删代码文件)
Ctrl+Shift+X 搜索 Local HistoryCtrl+Shift+E原创 2021-07-24 18:33:37 · 11482 阅读 · 0 评论 -
设置VSCode用Ctrl+鼠标滚轮上下滑动调整编辑器代码字体大小,设置Ctrl+0恢复默认字体大小
Ctrl+, 搜索MouseWheelZoom然后打钩原创 2021-07-18 15:41:52 · 6022 阅读 · 1 评论 -
设置VSCode编辑器、终端字体为微软雅黑Microsoft Yahei,字号大小为11像素
💡如果真的搞坏了配置就去下面这个位置把自定义配置代码都删除掉。设置好了之后Ctrl+0编辑器的字体就改成11px了。⚠ 终端不建议去骚操作,一不小心搞崩了就麻烦。⚠ 终端不建议去骚操作,一不小心搞崩了就麻烦。修改终端字号、字体,推荐monospace。原创 2021-07-17 15:14:25 · 10320 阅读 · 1 评论 -
水平反向拆分VSCode编辑器快捷键为Ctrl+\(正交拆分Ctrl+K Ctrl+\),如何快速将当前组编辑器窗口复制到另一侧?设置垂直向下拆分编辑器快捷键Alt+\
记住了快速按快捷键先后顺序是当前窗口在左边编辑器组的时候:Ctrl+\ Ctrl+右箭头当前窗口在右边编辑器组的时候:Ctrl+Alt+左箭头 Ctrl+\ Ctrl+右箭头。原创 2021-06-16 23:34:36 · 6533 阅读 · 0 评论 -
【亲测可用】用Electron和electron-builder打包Vue项目为exe可执行文件安装包(不推荐,个人觉得没有VNISEdit和NW好用,而且有些配置文件还挺脑残!)
cnpm i electron -D & cnpm i electron-packager -D在build/创建electron.js// Modules to control application life and create native browser windowconst {app, BrowserWindow} = require('electron')const path = require('path')function createWindow () {.原创 2020-08-06 12:43:56 · 5093 阅读 · 0 评论 -
个人建议:VSCode和WebStorm中的“关闭其他所有编辑器、关闭左侧编辑器、关闭右侧编辑器”快捷键这么设置shift+alt+w、shift+alt+[、shift+alt+],你会受益匪浅
搜索“”Ctrl+Alt+S。原创 2020-06-21 06:47:48 · 6465 阅读 · 0 评论 -
个人建议:设置Alt+S快捷键来控制VSCode自动保存切换功能
经常要修改配置文件或者组件vue,但是自动保存如果设置了就会导致还没输入完成一个完整代码行,就自动格式化(当时这种情况真的想骂人),但平时编辑vue页面文件又不想每次都去ctrl+s保存(毕竟键盘死的最快的就是ctrl),所以设置ctrl+shift+s快捷键来控制VSCode自动保存切换功能,这样子可以方便快速切换游刃有余ctrl+k,ctrl+s打开配置快捷键的页面...原创 2020-06-20 16:00:50 · 5079 阅读 · 0 评论 -
vscode提交代码
前置条件:安装了gittab.exe,并拉取了对应项目导入了该项目到vscode之后原创 2020-04-17 19:36:30 · 11769 阅读 · 0 评论 -
修改vscode的语言
前置条件传送门→ctrl+shift+p原创 2020-04-17 19:21:09 · 4797 阅读 · 0 评论 -
gitlab如何克隆项目到本地进行开发,如何让webstorm项目右键菜单出现Git子菜单,右下角出现Matser分支
cd 到盘符 例如D:.cd 到您的项目目录去gitlab对应项目拷贝http的克隆地址然后在gitlab命令窗口输入git clone http://192.168.2.231/knowway/******.git接下来就开干!!!...原创 2020-04-16 20:56:05 · 5425 阅读 · 0 评论 -
VSCode设置类似Webstorm那样可以用本地局域网IP地址访问自己开发的测试项目,vs code 前端如何以服务器模式打开?
1、在vscode中安装 Live Server 插件:2、安装成功后,vscode右下角会有 Go Live 标识点击:3、cmd ipconfig 查询自己电脑的ip地址:4、复制地址替换端口前的地址(http://127.0.0.1:8080修改为http://192.168.2.100:8080),注意这是我的ip本地地址,读者别傻乎乎直接就复制过去了!5、把地址发送到手机...原创 2020-03-06 23:52:09 · 13128 阅读 · 2 评论 -
VSCode设置折叠左侧资源管理器所有文件夹的快捷键Alt+X、切换左侧活动栏显示隐藏快捷键Alt+Q
ctrl+k,ctrl+s原创 2020-02-03 18:30:57 · 14635 阅读 · 4 评论