VScode 汉化以及侧栏npm脚本显示

原创 已于 2022-08-15 09:42:52 修改 · 2.9k 阅读 · 7 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#npm #vscode #vue.js

于 2021-06-23 09:58:43 首次发布
这篇博客介绍了如何进行软件的汉化操作，包括在安装完成后重启以实现汉化，以及通过特定快捷键组合配置命令面板选择中文语言。同时，文章详细说明了在设置中启用npm脚本的步骤，如果侧栏未显示npm脚本，可以通过快捷键或菜单选项快速显示。

1.汉化
在这里插入图片描述
打开后搜索Chinese
在这里插入图片描述
安装完成重启即可汉化
如果未汉化
按下 Ctrl+Shift+P 打开命令面板，之后输入 “config” 筛选可用命令列表，选择配置语言命令
在这里插入图片描述
选择中文
在这里插入图片描述
然后重启就好了

2.npm脚本
左下角设置打开 设置
在这里插入图片描述
打开扩展，选择npm
在这里插入图片描述
然后重启，如果侧栏没出现，Ctl+Q 选择 npm脚本 即可展示
在这里插入图片描述

vscode-npm-scripts：在侧栏中查看和运行NPM脚本
02-03
NPM脚本 现在，vscode内置了相同的功能 产品特点 现在支持工作区！ 从侧边栏查看和运行NPM脚本 演示版 用法 打开边栏中的NPM SCRIPTS部分，以查看项目package.json文件中的所有脚本。 单击一个以在控制台中启动它。 每个实例都会基于脚本名称获得自己的控制台选项卡，因此同时运行多个脚本没有问题。 贡献者 zachschuster @（github）-其他改进-PR＃1 frankMazzarella @（github）-向每个TreeItem的工具提示添加了脚本命令/文本-PR＃6 谢谢大家！ 组态 {...“ npm-scripts.showStartNoti
如何在vscode里使用npm
10-08
下载vscode后安装完node会出现无法使用npm的情况，此文档就是解决如何能使用npm的，步骤很详细，并附有截图
俩种方法解决 VScode中 NPM 脚本消失，NPM 脚本未显示在资源管理器侧栏中
luming的博客
02-03 9411
本文旨在快速帮助解决NPM脚本消失的问题，恢复NPM脚本在左侧管理栏
VS Code 配置指南：只显示根目录 npm 脚本，过滤子文件夹命令
qq_37656005的博客
09-22 259
VS Code 配置：精准显示根目录 NPM 脚本 在 VS Code 中运行 NPM 脚本时，默认会显示所有子目录的 package.json 脚本，导致界面混乱。通过修改用户设置（settings.json），添加 npm.exclude 配置项，可排除 node_modules、子项目等目录的干扰脚本。具体配置包括常见排除目录（如 /packages/、/dist/）及 !/package.json 规则确保仅保留根目录脚本。修改后重启 VS Code 即可在 NPM Scripts 面板中只看到根目
VScode设置NPM脚本窗口
希望能找到你的答案
03-09 4587
在资源管理器里有多个窗口，比如：打开的编辑器、文件夹、npm脚本、大纲，可以很快捷的查看和操作一些功能。 最近vscode突然升级更新，然后打开项目就出现如上图窗台，缺少打开的编辑器、npm脚本，不能快捷的运行项目、打包等，需要手动在终端输入命令。 那如何解决？ 解决方案：在资源管理器右侧点击“...”=》npm脚本，进行勾选就能显示。 ...
VSCODE 侧栏打开NPM脚本
热门推荐
tcr931117355的博客
04-15 2万+
换了电脑重新安装了vscode，发现侧边栏的NPM脚本死活出不来，有时候懒得打命令^_^，忘记怎么配置出来了年纪大了 就是记性差-_-!。 捣鼓了半个小时终于出来了-_-!，为了避免下次又忘记顺便记录下。 想要打开的功能如下图： 打开步骤： 1、 2、 3、 重启vscode，点击项目里的package.json文件，终于看到了久违的虫子、三角按钮。 ...
vscode左下角的npm脚本
07-27
- *1* [VScode 汉化以及侧栏npm脚本显示](https://blog.csdn.net/YXWik/article/details/118144591)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_...
VsCode新扩展：侧边栏运行NPM脚本新体验
资源摘要信息:"vscode-npm-scripts：在侧栏中查看和运行NPM脚本" 知识点一：vscode-npm-scripts扩展介绍 该扩展允许用户在Visual Studio Code的侧边栏中直接查看和运行项目中的NPM脚本。这项功能使得开发者可以更加...
vscode 设置主侧栏字体大小
07-27
要设置 Visual Studio Code 的主侧栏字体大小，您可以按照以下步骤操作： 1. 打开 VS Code 并进入 "首选项" 菜单。如果您使用的是 Windows 操作系统，请选择 "文件" -> "首选项" -> "设置"。如果您使用的是 macOS，...
vscode主侧栏
03-26
### VSCode主侧栏功能与设置 VSCode 的主侧栏通常被称为 **活动栏**，它位于界面的最左侧，默认情况下始终可见。通过活动栏可以快速访问各种核心功能模块，例如文件管理、搜索、版本控制等。 #### 活动栏的主要...
vscode修改侧栏背景图片
最新发布
11-28
在VSCode中修改侧栏背景图片可以借助一些扩展或通过自定义设置来实现。 ### 方法一：使用自定义CSS扩展 1. 安装“Custom CSS and JS Loader”扩展。 2. 准备好想要作为侧栏背景的图片，将其进行Base64编码。可以...
vscode里的NPM脚本
jyf_568的博客
11-13 707
NPM脚本的开启与关闭 点击设置-功能-任务 控制为所有任务提供程序扩展启用"提供任务"。如果"任务：运行任务"命令速度较慢，则禁用任务提供程序的自动检测可能会有所帮助。单个扩展可以提供设置禁用自动检测。 ...
VSCode中的资源管理器没有NPM脚本，如何解决
jsjsjejsj的博客
08-11 3073
在前端项目中，发现VSCode中的资源管理器一栏里面没有NPM脚本选项，如何解决？
vscode npm脚本不显示？
qq_59643434的博客
11-25 1107
5. 打开集成终端，输入npm run serve，连接完成后，ctrl+c 断开就出现了。初学者，有不对的地方欢迎指正 ，或者有其他方法请补充。2. 找到设置，然后搜索npm，默认的改为npm。3.关闭VScode,以管理员方式启动试试。4.还有的大佬说可以配置环境变量，可以试试。
VS Code使用NPM脚本启动Vue程序
振华OPPO的博客世界
12-17 1949
寿康宝鉴》原名《不可录》，由印光大师编订而成，既告诫青少年，气血未定之时，不要沉迷于不健康的黄色书刊，以防摧残身体，消磨意志，荒废学业;《寿康宝鉴》阐明了色欲与健康夭寿的利害关系，告诉世人如何长寿和健康，全书分为序题、警训、事证、立誓、戒期、求子、附录等章节，记载了淫欲之害、戒除的格言以及福祸悔过的案例，分析和陈述了持戒的方法、日期以及其中的忌讳。1、进入设置，打开自动检测npm脚本，以及勾选启动包含的npm脚本。4、然后点击serve的运行按钮，就可以启动程序到本地路径了。
如何打开vscode侧边栏左下角的NPM脚本
灵壹Eli的博客
04-27 5848
如何打开vscode侧边栏左下角的NPM脚本
VSCode不显示NPM脚本!NPM 脚本未显示在资源管理器侧栏中,如何再次展示他们?
码农键盘上的梦
08-29 1万+
打开设置全局搜索 npm脚本,配置Npm:Package Manager为npm,然后重启vscode即可!:安装了太多的包管理工具:例如npm,yarn,cnpm,pnpm.
vscode 运行VUE项目 没有出现 npm脚本
Q2837468219H的博客
03-07 2510
在用vscode软件打开vue项目的时候常常没有npm脚本的出现。备注：如果没有就去文件旁边那个三个小点看看是不是没有选择显示。三、ctrl + c 取消运行 就可以看到npm脚本了。文件旁边的三个点也没有显示npm脚本。二、运行 npm run serve。
VS code打开npm脚本命令窗口
爱的叹息的专栏
03-04 6264
npm每次都需要在vscode里敲太麻烦了，可以打开类似idea的maven，点击clean ,compile就可以运行， 设置如下 打开管理 打开设置 在扩展——>NPM——>自动检测设置为ON,Enable Run From Folder设置为选中 关闭vs code ，重启，打开前端代码里的package.json 如果左下角没出现NPM脚本窗口，则在资源管理器的“...”选中“npm脚本” 参考： (65条消息) VSCODE 侧栏打开NPM脚本_tc
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值