VScode使用npm启动项目以及npm install ,npm start报错问题处理

已于 2025-06-14 16:36:38 修改
阅读量1.1k 收藏 11
点赞数 4
CC 4.0 BY-SA版权
文章标签： vscode npm ide
于 2025-06-12 14:53:12 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_74240639/article/details/148610351

安装启动步骤

打开cmd 输入指令 npm -v 查看npm是否安装，需要先安装node.js

node.js安装：node.js安装
安装包下载后，一直点击next ，安装完成，打开cmd 输入 node -v 查看安装是否成功
在这里插入图片描述
在这里插入图片描述

使用VScode 打开项目，打开一个终端

在终端执行 npm install 安装项目依赖
npm install

安装成功只用使用 install start 运行项目

npm start

报错问题解决

1. npm install命令报错

npm : 无法将“npm”项识别为 cmdlet、函数、脚本文件或可运行程序的名称。请检查名称的拼写，如果包括路径，请确保路径正确，然后再试一次

解决：

【右键单击Vscode】以【管理员身份运行】，【重启Vscode】

npm start 报错

npm : 无法加载文件 D:\Program File\nodejs\npm.ps1，因为在此系统上禁止运行脚本。有关详细信息，请参阅 https:/go.microsoft.com/fwlink/?LinkID=135170 中的 about_Execution_Policies。

解决：

  1. 搜索“powershell”，并“以管理员身份运行”
    在这里插入图片描述

  2. 使用命令“set-ExecutionPolicy RemoteSigned”，将计算机上的执行策略更改为 RemoteSigned
    在这里插入图片描述

  3. 验证是否更改成功
    在这里插入图片描述

  4. 返回VScode重新执行即可

注意

最后注意一个问题：使用VScode修改文件之后一定要先保存再重启项目，否则修改不生效

emo了小猫
关注
npm install项目时报错（即使删除node_modules文件依然报错）
日常笔记/总结/系列知识梳理
08-13 3468
第一步：删除node_modules 第二步(关键部分)：清理缓存 npm cache clean --force 第三步：重新安装 npm install
npm 安装指定版本（按版本安装）
热门推荐
日常笔记/总结/系列知识梳理
08-13 23万+
注解：比如， babel 是发布时，将 ES6 代码编译成 ES5 ，那么 babel 就是devDependencies。Vue项目中vue-router，由于发布之后还是依赖vue-router，所以是dependencies。
vscode npm常用指令 安装总结
鬼鬼的博客
09-17 1156
一般来说 内部的this指向当前绑定事件的DOM对象(谁调用fun，this就指向谁) 1.普通 函数内部 this 指向 window 原因 属于全局变量 2.事件函数内部 this 指向绑定 事件的dom对象 3.对象的函数(方法) 内部的this 指向对象` 4.定时器内部的函数 this 指向 window 5. 对象无法产生作用域 相当于 eat 定义在了全局变量.so this 6.methods 的方法里面 this指向 vue实例化对象 7.过滤器里面的函数方法中 this指向win
使用VScode和npm创建前端项目，并进行修改
qq_45131215的博客
09-27 5811
Babel:转码器 可以把es6转化成浏览器能够识别的es5(模块化es6出现，有些浏览器不支持，仍使用es5，需要转化一下，具体可以搜索ECMAScript了解。空格表示选择，”a"表示全选（all),“i”表示反转（inverse）新手推荐使用1，4，5。打开新建项目的文件夹，有个package.json的json源文件，其实是运行里面的代码。TypeScript：使用ts文件编写(对类型进行限定，避免弱类型造成的隐患）--scoped:局部组件，表示该样式只在当前组件生效-->
如何在vscode里使用npm
10-08
下载vscode后安装完node会出现无法使用npm的情况，此文档就是解决如何能使用npm的，步骤很详细，并附有截图
VS Code使用NPM脚本启动Vue程序
振华OPPO的博客世界
12-17 1787
寿康宝鉴》原名《不可录》，由印光大师编订而成，既告诫青少年，气血未定之时，不要沉迷于不健康的黄色书刊，以防摧残身体，消磨意志，荒废学业;《寿康宝鉴》阐明了色欲与健康夭寿的利害关系，告诉世人如何长寿和健康，全书分为序题、警训、事证、立誓、戒期、求子、附录等章节，记载了淫欲之害、戒除的格言以及福祸悔过的案例，分析和陈述了持戒的方法、日期以及其中的忌讳。1、进入设置，打开自动检测npm脚本，以及勾选启动包含的npm脚本。4、然后点击serve的运行按钮，就可以启动程序到本地路径了。
VSCode 使用npm
weixin_44773752的博客
04-12 3万+
VSCode 使用npm 文章目录VSCode 使用npm1.打开cmd 输入指令 npm -v 查看npm是否安装2.打开vscode 在工作区创建一个项目，右键打开 “在集成终端中打开”3.终端中输入 ==npm init -y==，为项目创建npm环境，创建成功生成package.json文件4.修改npm镜像5.利用npm导入jquery，导入成功生成两个文件6.更多命令操作 1.打开cmd 输入指令 npm -v 查看npm是否安装 2.打开vscode 在工作区创建一个项目，右键打开 “在集成
vsCode执行npm install命令报错——解决方案
computet_的博客
09-30 4643
今天安装了node.js，跑项目，竟然报错，那谁能受的了。果断关闭电脑——睡觉。开个玩笑，玩归玩闹归闹，经验得积累。那么正文开始。。。。。。。。。。。。。。。。。。。。。。。。。。
vscode终端执行npm命令弹窗 选择应用打开npm
weixin_41009649的博客
10-12 953
命令查询npm命令，查看右侧Source来源并删除此目录下npm文件。
npm安装和简单使用（win）
01-08
securitydoc- 运行准备 下载nodejs长期支持版10.16.3 npm安装 安装，双击666 更换安装包的源npm install -g cnpm --...npm run start Compiles and minifies for production //打包生产代码 npm run build Run yo
合成大西瓜Pro版本 + 程序员风（游戏都是满满的程序猿元素和彩蛋） 纯前端 基于vite 启动项目前先npm install 然后npm start启动
最新发布
03-23
有问题随时与博主沟通～ 后续会有blog介绍与演示视频：
前端Vue框架——npm ci与npm install的区别以及package-lock.json文件与package.json的区别
Future_yzx的博客
01-15 2190
目录一、npm ci与npm install的区别（一）npm ci 的作用（二）与 npm install 的区别二、package-lock.json文件与package.json的区别1️⃣ package.json2️⃣ package-lock.json3️⃣ 区别对比4️⃣ 使用建议5️⃣ 总结（ci是Clean Install的简写）是一个用于快速、稳定安装依赖的命令，主要用于自动化构建和生产环境。它与 有明显区别，具有更高的性能和一致性。1.完全基于 安装2.删除现有的 3.安装速度更快
gulp serve 报错
PariyPeng
09-11 1489
gulp : 无法加载文件 C:\Users\Administrator\AppData\Roaming\npm\gulp.ps1，因为在此系统上禁止运行脚本。有关详细信息，请参 阅 https:/go.microsoft.com/fwlink/?LinkID=135170 中的 about_Execution_Policies。 所在位置 行:1 字符: 1 + gulp serve + ~~~...
Vscode —— 解决Vscode终端无法使用npm的命令的问题
qq_53895518的博客
12-25 2万+
在中可以正常执行npm -v等指令,但是在vs code终端中,无法执行npm -v,node -v等指令出现报错。
VSCode 安装NPM
b2357666846的博客
04-24 9748
安装NPM之前要安装node.js https://www.cnblogs.com/xuhuale/p/10167159.html 转载于:https://www.cnblogs.com/luckHuang/p/10765296.html
前端：vscode中使用npm安装依赖并运行项目
Xerxes2222的博客
11-28 2万+
前端：vscode中使用npm安装依赖并运行项目
vscode 中 npm install 出错
weixin_61925293的博客
06-04 615
公司要求会vue 就去学啦 然后上来就是难题。这个错误是因为当前用户没有权限，
YD：VScode+nodejs+npm安装使用
Rabir-YellowDavid的博客
08-15 2394
如果有配置文件，直接打开项目右键点出终端（下载全部）3.node.js(包含npm)下载。4.配置node.js淘宝镜像。下载jquery默认最新版。打开.npmrc加入如下。在终端运行，发现速度慢。
vscode终端启动命令npm
11-23
Visual Studio Code (VSCode) 配置中，如果你想要通过终端快速启动 npm (Node Package Manager)，通常会在项目根目录下创建一个`.vscode`文件夹，然后在这个文件夹中创建一个`tasks.json`文件。这个文件允许你配置自定义任务，包括运行npm命令。 一个基本的任务配置可能会像这样： ```json { "version": "2.0.0", "tasks": [ { "label": "npm run", // 可选标签，用于任务识别 "type": "shell", "command": "npm", // 要执行的命令 "args": ["run", "<task-name>"], // 替换 <task-name> 为你实际项目的 npm script 名称 "workingDirectory": "${workspaceFolder}", // 工作区路径，自动填充当前打开的项目路径 "problemMatcher": [], // 如果有错误处理设置，可以放在这里 } ] } ``` 要在VSCode中运行此任务，可以在终端快捷键（通常是 `Ctrl + Shift + B` 或者 `Cmd + Shift + B`）或使用任务面板（`Tasks: Run Task`）选择“npm run”。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值