IDEA配置npm快捷启动项目

已于 2023-05-10 10:12:33 修改
阅读量4.9k 收藏 11
点赞数 7
文章标签： npm vue
于 2023-05-10 09:38:20 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_45612055/article/details/130593655
版权

这里以若依项目为例：
平常的话我们是每次启动前端项目都需要在Terminal输入npm run dev
在这里插入图片描述
这样子每次都输入就比较麻烦，为了简单。可以对这个命令进行配置。

本文重点在这里哦！！！

在这里插入图片描述
一般在idea的右上角的一个小锤子边上的框框里，选择Edit Configuration，
选择左上角的+号，然后在里面找到npm这个选项，就会出现右边的各个需要填写的框框，一般只需要填写Scripts就可以了。name就是随便起个名字就行了，package json的话一般会自动填入你的package.json这个文件的路径。
之后只需要点击Apply就可以啦

到这里配置就可以啦，点击刚刚框框边上的小三角形就可以启动项目啦在这里插入图片描述

赶快动手起来吧，懒人专属（虽然每次输入也没几个字母）

皮卡丘的叮当猫
关注
  • 7
    点赞
  • 踩
  • 11
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
idea下安装npm install yarn报错
ask_baidu的博客
08-05 2903
idea下报：npm : 无法将“npm”项识别为 cmdlet、函数、脚本文件或可运行程序的名称。解决方法：1.idea安装vue插件
使用IDEA工具配置和运行vue项目（转载）
sky_817的博客
04-02 3758
一、在IDEA中配置vue插件 点击File–>Settings–>Plugins–>搜索vue.js插件进行安装，下面的图中我已经安装好了。 二、搭建node.js环境 安装node.js 可以去官网下载：安装过程就很简单，直接下一步就行 测试是否安装成功：要使用管理员方式打开命令行cmd 安装完成之后，打开命令行工具,输入node -v如果出现版本号，则说明安装成功，np...
IDEA中Vue开发环境搭建
最新发布
yinshengchen的博客
04-18 3215
要解决 “npm ERR!missing script: build” 错误，我们需要在 package.json 文件中定义一个名为 “build” 的构建脚本。找到项目根目录中的package.json文件，这里列出了项目所依赖的所有资源与版本号，右键该文件，打开于终端，输入npm install 命令安装所有依赖；在上述代码中，我们添加了一个名为 “build” 的构建脚本，该脚本使用 webpack 进行生产模式构建。(3) 右侧“Scripts”处输入“dev”，其它idea已经默认选好。
IDEA如何使用npm
You are my sunshine
03-11 1万+
1、 2、 3、 4、重启输入如下指令 npm -v npm run serve 下滑发现启动成功，直接访问8080
如何在IDEA中配置启用npm命令
热门推荐
weixin_41887937的博客
10-19 1万+
1. 下载nodejs并安装 下载地址：https://nodejs.org/dist/v8.9.4/node-v8.9.4-x64.msi 默认安装即可，可自定义安装位置 2. 添加环境变量 nodejs的环境变量会在安装时自动添加，如果没有需要手动添加。 3. 修改IDEA中setting设置 将Terminal中的Shell path修改为 C:\Windows\System32\cmd.exe 做完以上操作重启电脑即可。 成功后效果图： PS:我在下载完nodejs后使用node -v指令正
解决idea中npm与node指令无法使用问题
qq_45647792的博客
06-02 4364
其作用是会根据项目中的package.json文件自动下载项目所需的全部依赖，而因为我在安装nodejs时，改变了路径，因而在C:\Users…但node的安装路径却不在此，那么配置环境变量时使用这里还是使用安装路径？，如此便会安装到全局位置，一般是C:\Users\username\AppData\Roaming\npm\node_modules（可通过。b. 按照a中的讲解，配置如下，确仍显示’npm’ 不是内部或外部命令，也不是可运行的程序或批处理文件。在idea中的其他相关配置。
IDEA运行前端vue项目，安装nodejs,以及配置
weixin_45958839的博客
11-09 3363
在【系统变量】下新建【NODE_PATH】，输入【D:\Program File\nodejs\node_modules】，将【用户变量】下的【Path】修改为【D:\Software\nodejs\nodejspath\node_global】3.选择其他盘符如D盘或者是E盘目录下创建NodeDevelop文件夹，再在【NodeDevelop】下分别创建【node_cache】和【node_global】 --- 这个问题注意一下，否则后续会遇到报错问题。2.然后下一步 下一步 傻瓜式安装。
IDEA的Services中添加SpringBoot启动和npm启动(快速启动项目，提高效率)
HjxShare的博客
10-09 4903
快速启动项目，提高效率。点击页面顶端最右侧的绿色三角形左侧的下拉框，点击Edit Configurations，在弹出框中点击左上角的+，然后在弹出框Add New Configuration中找到npm，此时弹出的页面，在package.json中写下“你的前端代码中package.json所对应的绝对路径”，Command中写run，Scripts中写dev(这里要看你的package.json中Scripts对应的是啥，若是对应的serve，就写serve)。1、添加Spring Boot启动。
Idea 配置前端web nodejs项目
11-23
Idea 配置前端 Web Nodejs 项目 Idea 配置前端 Web Nodejs 项目是指在 IntelliJ IDEA 集成开发环境中配置 Nodejs 项目的步骤。下面我们将详细讲解配置的步骤...只有按照正确的步骤配置项目，才能确保项目的正常运行。
启动器-npm-项目
02-13
该项目包含package.json和配置文件，这些文件可以用作非常基本的应用程序的基础。 入门 将以下文件复制到项目的根目录： package.json .eslintignore lint-staged.config.js utils / testCoverage.js 在package...
NPM2项目启动.ppt
12-01
NPM2项目启动.ppt
NPM2项目启动.pptx
09-24
NPM2项目启动.pptx
安装node.js及idea配置运行vue项目
欢迎来到技术之旅的温馨驿站。让我们一同书写代码之美，分享技术之路的点滴。
09-17 8061
一、下载node.js，搭建环境 1、可去官网下载（https://nodejs.org/zh-cn/） 下载后是.msi格式的文件 2、双击安装，一直下一步即可。 3、查看是否安装成功 以管理员运行cmd，输入“node -v”、“npm -v”，查看node和npm的版本号，如下图显示则安装成功。 注：npm包管理器是集成在node中的 二、安装cnpm（以管理员运行cmd状态下） 在命令行中输入 npm install -g cnpm --registry=http:/..
IDEA中Node.js环境下npm报错Error:0308010C:digital envelope routines:unsupported
Sherry
06-14 4379
Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境。 Node.js 是一个开源的、跨平台的 JavaScript 运行时环境。Node.js 使用了一个事件驱动、非阻塞式 I/O 的模型，使其轻量又高效。Node.js 的包管理器 npm,是目前最流行的Node.js 的包管理器。
npm命令不能在IDEA使用
dgdf123的博客
06-05 4017
'npm' 不是内部或外部命令，也不是可运行的程序或批处理文件。
毕设项目之创建idea项目，准备开发环境
2401_83259797的博客
03-12 626
在路径D:\APP\MyIDEA\Maven\apache-maven-3.9.6下找到settings.xml文件(用记事本打开)，然后找到节点localRepository，在注释外添加。测试，配置成功则本地仓库（D:\APP\MyIDEA\Maven\apache-maven-3.9.6\repository）中会出现一些文件。的目录 , 在解压目录中，然后进行解压就可以了apache-maven-3.8.6,解压后就是这个目录有一个;添加如下配置（注意要添加在和两个标签之间，其它配置同理）
在Idea里，执行npm命令 : 无法加载文件 ***\Nodejs\node_global\npm.ps1，因为在此系统上禁止运行脚本
Java 技术专栏，从入门到精通，熟悉企业级开发
03-14 8106
新到一台电脑，安装了nodejs、npm，从github上拉取了代码，在Idea新建命令窗口，准备使用npm run dev启动时，突然发现报错： **无法加载文件 ***\Nodejs\node_global\npm.ps1，因为在此系统上禁止运行脚本** 这时重开一个cmd命令，就有点画蛇添足的感觉了，因此我们得想办法解决它。 还好万能的Gpt可以帮我们解决此事，在此总结后分享给大家。
idea中运行vue项目
weixin_48133875的博客
12-02 882
vue项目启动
idea 配置npm
08-23
在IntelliJ IDEA中配置npm，可以通过以下步骤进行操作： 1. 打开IntelliJ IDEA，并点击右上角的小锤子图标。 2. 在弹出的菜单中选择"Edit Configuration"。 3. 在左上角的加号图标中选择"npm"。 4. 在弹出的设置页面中，填写相关信息。 - "Name"：给配置一个名称，可以随意命名。 - "Package.json"：会自动填入你的package.json文件的路径。 - "Scripts"：填写你要执行的npm命令，比如"run dev"。 5. 点击"Apply"保存配置。 通过以上步骤，你就可以在IntelliJ IDEA中配置npm并执行相应的npm命令了。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* *2* [IDEA配置npm快捷启动项目](https://blog.csdn.net/weixin_45612055/article/details/130593655)[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_2"}}] [.reference_item style="max-width: 50%"] - *3* [IntelliJ IDEA 中必有得插件和配置](https://download.csdn.net/download/weixin_38614952/12725588)[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_2"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值