关于vsCode创建后，不显示NPM脚本解决

已于 2023-08-11 20:43:42 修改
阅读量3.3k 收藏 13
点赞数 44
文章标签： vscode npm ide
于 2023-07-24 16:12:23 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_51390404/article/details/131898694
版权

刚刚使用vue ui新建了个vue项目，打开vs-code发现，无论怎么设置都找不到NPM脚本显示，苦恼了很久，突然发现！打开了package-lock.json，然后立马把vs-code关闭，重新打开，就显示了npm脚本，直呼神奇！！

 

 

Uniquecode胡
关注
  • 44
    点赞
  • 踩
  • 13
    收藏
    觉得还不错? 一键收藏
  • 16
    评论
使用VSCode 创建一个插件
10-15
输入全部问题后，脚本就会自动地创建文件，安装需要的 dependencies。 全部结束后，脚本会提示你，可以运行下面的脚本打开这个插件的代码： cd myextension code . VS Code 的脚手架默认为我们创建了不少的文件。...
利用vscode调试编译后的js代码详解
10-18
首先，需要配置一个名为`build`的任务，这通常是一个`npm`脚本，如`npm run build`，在`.vscode/tasks.json`文件中： ```json { "version": "2.0.0", "tasks": [ { "label": "build", "type": "npm", "script...
俩种方法解决 VScode中 NPM 脚本消失，NPM 脚本未显示在资源管理器侧栏中
luming的博客
02-03 4432
本文旨在快速帮助解决NPM脚本消失的问题，恢复NPM脚本在左侧管理栏
VScode——NPM脚本窗口找不到
白白白鲤鱼的博客
07-16 2798
VScode——NPM脚本窗口找不到
（解决方案）Visual Studio Code中“npm脚本”消失，设置中无法将其打开
最新发布
ssrsrrn的博客
05-25 303
1、遇见问题：今天遇到一个扯淡的情况（也算首次遇见），我的（npm脚本）消失了，并且无法开启 2、寻找解决方案：我类个骚钢，欻的一下我点开了csdn，在多为前辈的经验中寻找（设置开启，运行脚本关闭······），发现，似乎没办法解决 3、新的发现：我在资源管理器打开了这个文件目录的下一级目录发现··· 是的，它（npm脚本）回来了 4、解决方案：于是乎我有开始寻找解决方案，终于发现！！！！！！！！！！！ 快速点开package-lock.json，然后快速关闭vscode（我不知道具体
Visual Studio Code底部不显示npm script/NPM 脚本，怎么办？
weixin_71108480的博客
01-11 1544
2.按照如图所示的目录以此打开，把对应的Npm:Enable Run From Folder勾选给上，然后重启visual studio code。3.重启后打开项目文件，选中jsconfig.json ，然后点击项目目录的右上方的 ”. . . “ ,勾选NPM Scripts/脚本即可。1.打开visual studio code的设置。
vscode资源管理器下面的npm脚本消失解决方案
qq_73420436的博客
11-05 1205
点开后会出现npm脚本的相关功能，然后点击serve后出现选择项，点击第一个。在左上角运行旁边的三个点下面有个终端，展开后有一个运行任务，点击。然后可以看到搜索框下面出现选择项，点击npm。这时候npm脚本的serve就会成功启动。然后就可以在资源管理器中看见npm脚本。
Visual Studio Code中找不到npm script
Mozzie_csdn的博客
10-24 1347
vs npm scripts
vscode vue2/vue3的相关配置(包含npm,Git)
u014678583的博客
03-23 3332
这篇文章主要是为了保存留着自己备用 一、在vscode中安装这些插件 二、在settings.json中配置 （全局覆盖） { "files.autoSave": "afterDelay", "window.zoomLevel": 0, "editor.fontSize": 16, "editor.formatOnPaste": true, "............
Visual Studio Code中npm脚本关闭了后找不到
姬鹏的博客
05-08 472
Visual Studio Code中npm脚本关闭了后找不到
学习vue中webstorm有些时候显示不出npm怎么办
smcylt的博客
05-22 1283
首先在项目目录下面找到package.json 然后又右击选择show npm，等待片刻 npm就能正常运行了。（ps：前提是你得先安装好npm）
如何在vscode里使用npm
10-08
下载vscode后安装完node会出现无法使用npm的情况，此文档就是解决如何能使用npm的，步骤很详细，并附有截图
VSCode 配置uni-app的方法
10-15
运行和构建uni-app项目可以通过npm脚本完成。例如，使用以下命令运行项目： ```bash npm run dev:%PLATFORM% ``` 这里的`%PLATFORM%`可以替换为你的目标平台，如`h5`、`ios`或`android`。同样，发布项目可以使用：...
vscode-commandbar:Visual Studio代码命令栏
05-24
开始使用特征执行命令： 长时间运行的命令终止3种命令类型： exec ：执行命令，例如npm run serve （默认） script ：执行package.json脚本palette ：执行任何或任何扩展命令逗号分隔的顺序执行命令列表命令支持参数...
vue+eslint+vscode配置教程
12-11
配置完成后，VSCode将在保存文件时自动应用ESLint的规则，进行代码格式化和错误修复，提供实时的代码质量反馈。 总的来说，这个教程详细介绍了如何在Vue项目中集成ESLint和VSCode，实现高效的代码质量管理。通过...
npm vscode 无法运行 和 npm 无法将“npm”项识别为 cmdlet、函数、脚本文件或可运行程序的名称
weixin_51225684的博客
08-15 4719
npm config set cache “您想创建文件的地址”。如果此时cmd窗口提示node不是内部或外部命令，也不是可运行的程序，依旧是环境变量的问题。2.1）在node.js下建立node_global和node_cahce文件夹。打开此电脑 ==> 右键属性 ==> 高级系统设置 ==> 环境变量。用户变量下，新建用户变量。右击vscode，选择一管理员身份运行，即可解决问题。cmd运行node -v, npm -v检查是否安装。问题原因：npm环境变量配置问题。2.2）新增系统Path变量。..
VSCode无法识别npm和node
热门推荐
elevenhope的博客
01-07 1万+
无法将“npm”项识别为 cmdlet、函数、脚本文件或可运行程序的名称。请检查名称的拼写，如果包括路径，请确保路径正确，然后再试一次。
VSCode升级后，npm窗口不见了、VSCode 设置中文
灬Manong 博客
11-27 471
VSCode升级后，npm窗口不见了、VSCode 设置中文
vscode运行vue，记不住命令了，没关系，有npm脚本
坐等夕阳落time的博客
07-01 633
vscode运行vue，记不住命令了，没关系，有npm脚本
vscode使用npm下载
09-01
使用VSCode下载npm需要以下步骤： 1. 首先，确保已安装了Node.js。可以在cmd中输入`npm -v`来检查npm是否已安装。如果没有安装，需要先安装Node.js。 2. 打开VSCode，创建一个项目并打开。可以右键点击项目文件夹，选择“在集成终端中打开”来打开集成终端。 3. 在集成终端中输入`npm init -y`命令，这将为项目创建一个npm环境，并生成一个package.json文件。 4. 可以选择修改npm镜像以提高下载速度。可以使用命令`npm config set registry https://registry.npm.taobao.org`来将npm镜像设置为淘宝镜像。可以使用`npm config list`来查看当前的npm配置信息。 5. 使用npm导入需要的包，比如jquery。可以使用`npm install jquery`命令来导入jquery。导入成功后，会在项目文件夹中生成两个文件。 通过以上步骤，你就可以在VSCode中使用npm下载所需的包了。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* *3* [VSCode 使用npm](https://blog.csdn.net/weixin_44773752/article/details/115618095)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"] - *2* [vscode-npm-scripts：在侧栏中查看和运行NPM脚本](https://download.csdn.net/download/weixin_42142062/15016704)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 16
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值