首次使用webstorm导入项目遇到的问题与解决方案

最新推荐文章于 2024-07-13 11:39:21 发布
最新推荐文章于 2024-07-13 11:39:21 发布
阅读量1.1k 收藏 2
点赞数 1
文章标签： webstorm node.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_56751834/article/details/128291157
版权
本文主要介绍了在使用WebStorm导入项目时遇到的'vue-cli-service'命令找不到和'npm ERR! code 1'的错误，提供了详细的解决步骤，包括检查node_modules、执行npm install、降级node版本、切换npm镜像和清理缓存等方法。
摘要由CSDN通过智能技术生成

本文目标读者：前端开发初学者

本文内容概要：介绍本人初次使用webstorm导入项目遇到的问题与解决方案；此外，解决问题的过程中尝试了网上查到的多种不同的方法，没有成功解决，一并记录下来并提供原文链接，以便各位查阅

你能从本文收获什么：针对报错" 'vue-cli-service' 不是内部或外部命令，也不是可运行的程序或批处理文件 "和报错 "npm ERR! code 1" 的一些解决方案

问题现象描述：

执行命令npm run serve后出现报错如下： 

'vue-cli-service' 不是内部或外部命令，也不是可运行的程序或批处理文件。

 

解决方案如下：

步骤一：观察项目文件夹下是否有node_modules文件夹，若有则删除

最低0.47元/天 解锁文章
事已至此不如先吃饭吧
关注
python工具系列：webstorm导入vue项目及其运行
weixin_54626591的博客
06-25 503
webstorm导入vue项目及其运行
WebStorm 新导入的项目运行不起来
weixin_44911525的博客
01-14 1344
新导入的项目不能运行，看看这个node 有没有配置
【npm】WebStrom 中加载 npm 依赖失败的错误处理
最新发布
bubblecheese的博客
07-13 295
WebStrom中加载npm依赖失败的错误处理
Web开发利器Webstorm导入多个文件夹或者项目
weixin_30527551的博客
07-17 494
步骤：File->Setting 打开设置面板，打开Directories节点，然后看到有Add Content Root 操作选项，单击弹出磁盘目录文件，选择对应项目或者目录即可。 转载于:https://www.cnblogs.com/jkr666666/p/7194073.html...
webstorm导入vue项目及其运行
palivce的博客
03-16 2203
------------------------------------------------------------可能遇见的问题-----------------------------------------------在安装好node.js以及配置好环境之后，我们需要使用npm相关命令进行项目的运行。2.重启webstorm，重新输入“npm install'命令。2.在输入框输入 “npm install”，进行插件下载。3.其次再输入“npm run dev”，实现项目运行。
webstorm运行不了的问题！已解决
chuanxun2086的博客
12-30 4702
如图一般webstorm安装后默认生成的快捷方式是针对32位jdk的 我们只需双击webstrom64.exe即可运行！ 转载于:https://my.oschina.net/u...
IDEA的安装、配置与使用详解
热门推荐
jiangjiaoyong的博客
06-03 4万+
IDEA的安装、配置与使用详解 一、IDEA介绍 1. Jet Brains公司介绍 IDEA(https://www.jetbrains.com/idea/)是 JetBrains 公司的产品，公司旗下还有其 它产品，比如： WebStorm：用于开发 JavaScript、HTML5、CSS3 等前端技术； PyCharm：用于开发 python PhpStorm：用于开发 PHP RubyMine：用于开发 Ruby/Rails AppCode：用于开发 Objective - C/Swift CLi
最新、最全的 IntelliJ IDEA(2018.3.3) 的介绍、安装、破解、配置与使用
qq_35487165的博客
01-19 1万+
文章目录 一、IntelliJ IDEA 介绍 -> Eclipse IBM 1. JetBrains 公司介绍 2. IntelliJ IDEA 介绍 3. IDEA 的主要功能介绍 4. IDEA 的主要优势：(相较于 Eclipse 而言) 5. IDEA 的下载地址：(官网) 6. 官网提供的详细使用文档 二、windows 下安装过程 1. 安装前的准备 2. ...
古语云：工欲善其事必先利其器 -- 最新、最全的 IntelliJ IDEA(2018.3.3) 的介绍、安装、破解、配置与使用
黑泽君
01-19 4025
IDEA，全称 IntelliJ IDEA，是 Java 语言的集成开发环境，IDEA 在业界被公认为是最好的 java 开发工具之一，尤其在智能代码助手、代码自动提示、重构、J2EE 支持、Ant、JUnit、CVS 整合、代码审查、创新的 GUI 设计等方面的功能可以说是超常的。
JavaSE_8【IDE开发工具Idea使用】
yanyu1994的博客
07-26 2204
IDEA 全称IntelliJ IDEA，是Java语言开发的集成环境，目前已经渐渐代替了Eclipse的使用。IntelliJ在业界被公认为最好的Java开发工具之一，因其功能强悍、设置人性化，而深受Java、大数据、移动端程序员的喜爱。本着"工欲善其事必先利其器"的精神，本套视频从IDEA的介绍、安装、设置入手，讲解IDEA中项目的创建、模板的使用、断点调试等。 说明：本文档所有截图针对IntelliJ IDEA 2019.2.3 x64版本。 一、IntelliJ IDEA 介绍 1、JetBrai
webstorm+vue初始化项目的方法
12-12
vue新项目准备： 1、安装nodejs，官网下载傻瓜安装 node -v 验证 2、npm包管理器，是集成在node中的，所以安装了node也就有了npm npm -v 验证 3、安装cnpm npm install -g cnpm –registry=http://registry.npm.taobao.org （完成之后，我们就可以用cnpm代替npm来安装依赖包了。如果想进一步了解cnpm的，查看淘宝npm镜像官网。） 4、安装vue-cli脚手架构建工具 npm install -g vue-cli vue新项目构建： 1、初始化项目模板： vue init webpack-simp
webstorm如何使用,及导入项目
footbridge的博客
01-04 1340
首先要明确一点,这是用来改前端代码的,后端代码不要导错了. 下载好软件后,在D盘创建一个文件夹html, 复制你项目中web下的前端项目到html文件夹中, 去Webstorm中Open选中它就可以打开了
解决webstrom导入别人的项目出错的诸多问题
zm0422的博客
06-19 2189
webstrom导入别人的vue项目：1.首先npm install，报了no such file or directory open xxxxxx(文件路径) package.json的错误，无法进行下去解决办法：切换到本项目node_modules路径下再执行npm install。（可能因为找不到package文件吧）2.再次npm install，接着不报上面的错了。报了Unexpecte...
WebStorm导入Vue项目采用工具栏方式启动
qq_38196449的博客
06-13 845
点击启动按钮，启动项目。
webstormvue项目导入和tab页效果
遥是此间桃花庵
11-27 562
文章目录webstorm导入vue项目tab页效果： webstorm导入vue项目 关于新建vue项目，我之前的博客有说到，这里就简单说一下webstorm如何导入： vue项目吧。 1.找到文件下的导入设置： 2：找到你的vue项目存放路径： 这样，vue项目路径下的所有项目就都导入了进来。 2.添加npm进行运行： 点击Add新增一个npm 点击运行 启动成功！ tab页效...
WebStorm 添加新项目------多项目共存
驴哥在左，谁人伴右？
10-15 4057
开发cocos2d-x JS项目时，用的是WebStorm,挺好用的哈。 不过升级引擎后需要添加新项目，这就需要导入新项目。 File-----Settings------Directories 选中，右侧UI里单击 “ Add Content Root”, 选择自己要添加的项目文件夹就大功告成了。
webstorm导入新的nodejs项目
somdip的博客
03-09 1294
1、官网下载，Node.js安装nodejs,最好不是最新版本，是14.9以前的。 2、打开用webstorm项目后，在项目的package.json目录下管理员运行cmd。 3、不成功，长期停在fetchMetadata -> network，转用淘宝镜像地址下载依赖模块， （1）可以先检测一下npm的源是不是淘宝的镜像源npm config get registry （2）npm config set registry https://registry.npm.taobao.org （3
Bug日记-webstorm运行yarn 命令报错
计算机程序定制、毕业项目
08-15 2128
Bug日记-webstorm运行yarn 命令报错
webstorm如何导入项目
05-13
WebStorm可以通过以下步骤来导入项目： 1. 打开WebStorm，选择“File”菜单，然后选择“Open”或“Open Recent”选项。 2. 在打开的对话框中，选择您想要导入的项目文件夹。 3. 如果您的项目使用了特定的编程语言...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值