如何在HBuilder中运行npm命令

最新推荐文章于 2024-04-15 22:53:45 发布
最新推荐文章于 2024-04-15 22:53:45 发布
阅读量4.4w 收藏 12
点赞数 5
分类专栏： HBuilder 文章标签： HBuilder VUE npm
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Rm_and_Rf/article/details/97915827
版权

有时候发现自己电脑内存不是很大 如果用webstorm跑项目会很卡的话 可以试试轻量级HBuilder来跑VUE项目 VUE项目又需要执行NPM，下面教你怎么在HBuilder中使用NPM

1.首先在HBuilder上面找到运行

在这里插入图片描述

2.进入到外部工具——>外部工具配置

在这里插入图片描述

3.输入要执行的命令或文件：C:\Windows\System32\cmd.exe 工作目录：${selected_resource_loc}

tip:工作目录基于选中文件夹的绝对路径

在这里插入图片描述

4.在公用里面检查这几项值是否正确

在这里插入图片描述

5.选中要执行命令行的文件夹。右键进入选择外部工具，选择我们刚刚建的外部工具

tip:如果你在具体的一个vue文件选中后再点外部配置是会报错的。

6.输入命令 npm run dev。如果有报错，报错信息也会在控制台显示

在这里插入图片描述

Rm_and_Rf
关注
  • 5
    点赞
  • 踩
  • 12
    收藏
    觉得还不错? 一键收藏
  • 4
    评论
专栏目录
hbuiler中使用npm安装datav
fanxingxue的博客
12-07 476
4、打开cmd输入npm install @jiaminghi/data-view 安装dataV，（直接在C盘中执行该命令即可，不许切换路径），在hbuilder的终端安装应该也可以。3、在hbuilder的设置中填写node的路径。5、若遇到如下报错，请查看node文件的权限问题。2、为Node配置环境变量。6、在main.js中引入。
如何安装使用HBuilderX软件。
04-10
HBuilderx是一个前端开发常用的软件，本压缩包含有HBuilderX.3.1.9.20210413.full.dmg、HBuilderX.3.1.9.20210413.full.zip、2345好压.exe和Chrome_69.0.3497.100_x64.exe等软件，视频教程：https://www.bilibili.com/video/BV1xZ4y127Xk?spm_id_from=333.999.0.0
前端主流框架：项目运行命令 npm 详解
m0_61176833的博客
02-13 2498
npm提供了一系列命令，用于管理项目的依赖、运行脚本、发布包等。
vue文件无法直接运行到浏览器,需要编译。如果是web项目,请运行npm命令。如果是uni-app项目,请检查项目类型是否正确
m0_64520392的博客
03-18 345
vue文件无法直接运行到浏览器
Nodejs中 npm常用命令详解
12-23
npm是什么 NPM的全称是Node Package Manager，是随同NodeJS一起安装的包管理和分发工具，它很方便让JavaScript开发者下载、安装、上传以及管理已经安装的包。 npm是一个node包管理和分发工具，已经成为了非官方的发布node模块（包）的标准。有了npm，可以很快的找到特定服务要使用的包，进行下载、安装以及管理已经安装的包。 1、npm install moduleNames：安装Node模块 安装完毕后会产生一个node_modules目录，其目录下就是安装的各个node模块。 node的安装分为全局模式和本地模式。 一般情况下会以本地模式运行，包会被
运行 npm run dev 报错
01-20
1.报错: 刚刚创建好vue项目的时候,运行 npm run dev 会报错,如下: C:\Users\未来\Desktop\新建文件夹 (2)>npm run dev npm ERR! path C:\Users\未来\Desktop\新建文件夹 (2)\package.json npm ERR! code ENOENT npm ERR! errno -4058 npm ERR! syscall open npm ERR! enoent ENOENT: no such file or directory, open 'C:\Users\未来\Desktop\新建文件夹 (2)\package
HBuilderX打开终端，并使用npm下载包
黎小小的博客
05-24 7039
选中内置终端，并填写npm和node.js路径。
HBuilder创建vue-cli项目并安装element-plus后测试打包
暂时先用这个名字
08-12 2383
本文学习如何在HBuilder中创建vue-cli项目，且下载安装element-plus组件，随后测试调用是否成功。
hbuilderx升级后无法运行npm
fangcaojushi的博客
12-27 442
在windows环境下，命令行程序为cmd.exe，是一个32位的命令行程序，微软Windows系统基于Windows上的命令解释程序，类似于微软的DOS操作系统。hbuilderx 从3.7.* 升级了几次版本，都出现升级后无法运行npm run dev的问题，提示要选择程序打开，试了一下npm -v，也是同样，但node -v 是可以的，再网上一顿的查，试着多种解决方案都无果，只能退回到以前的版本。今天一早上来，想着这个bug应该解决了吧，再试着升级一下，升级后的版本是3.99,但问题仍然存在。
HBuilder开发小程序（uniapp）需要用到npm命令的解决办法
qq_53480333的博客
03-25 2735
第一步：打开PowerShell面板进入到项目根目录 第二步：通过npm init -y初始化npm包管理配置文件 第三步：运行你的npm命令
Hbuilderx内置node使用
lanfeng330的专栏
08-30 2977
Hbuilderx内置了node，也可以使用npm命令
allure-npm：围绕Allure命令行的NPM包装器
02-03
魅力命令行 NPM环绕诱人命令行的包装 是从测试结果生成魅力报告的工具。 现在，您可以直接从NPM安装它。 安装 魅力要求或更高版本 npm install -g allure-commandline --save-dev 用法 allure <command> [<args>] 运行allure help以获取支持的命令列表 Node.js API 您还可以从Node.js代码中调用Allure命令： var allure = require ( 'allure-commandline' ) ; // returns ChildProcess instance var generati
Node.js中npm常用命令大全
12-23
npm是什么 NPM的全称是Node Package Manager，是随同NodeJS一起安装的包管理和分发工具，它很方便让JavaScript开发者下载、安装、上传以及管理已经安装的包。 npm install 安装模块 基础语法 npm install (with no args, in package dir) npm install [<@scope>/]<name> npm install [<@scope>/]<name>@<tag> npm install [<@scope>/]<name>@<version> npm install [<@scope>/]<name>@<v
Node.js npm命令运行node.js脚本的方法
10-17
今天小编就为大家分享一篇Node.js npm命令运行node.js脚本的方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
使用npm命令提示: npm 不是内部或外部命令,也不是可运行的程序的处理方法
12-17
在安装nodejs时候，有时候我们会把它安装在d盘或别的盘时，经常会遇到npm环境变量没有配好，需要自己手动去配置。        在安装完nodejs后输入node --version查看安装是否成功，若成功会出现下图       接着我们在使用npm安装依赖的时候有时候会出现“’npm’ 不是内部或外部命令，也不是可运行的程序”的提示，此时我们先查看环境变量 知道3所指的路径，你会看到下图只有一个etc文件，没有马赛克部分内容，没有npm文件。 发现问题后，我们在环境变量中添加我们安装的npm命令行执行文件路径 我的是安装在D:\Program Files\nodejs下（如下图）
修改Nodejs内置的npm默认配置路径方法
10-18
今天小编就为大家分享一篇修改Nodejs内置的npm默认配置路径方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
全栈的自我修养 ———— 如何发布一个npm包？
2401_82752568的博客
04-13 1249
npm init在此期间会让你添加一些版本信息和名称。
【解决】npm run dev Syntax Error: TypeError: eslint.CLIEngine is not a constructor
程序人生
04-12 474
eslint.CLIEngine is not a constructor 由于代码语法不符合eslint而照成此错误，可以参照eslint规则修改语法，或者将eslint停掉以下为停掉eslint的方法。
npm 常用命令详解
最新发布
科学的N次方
04-15 647
如果你的项目有一个package.json文件，npm install将根据该文件中列出的依赖项来安装所有必需的包。：发布包到npm仓库。这个命令用于将你的包发布到npm仓库，使得其他人可以通过npm install命令安装它。这些是一些最常用的npm命令，它们可以帮助你在Node.js项目中管理依赖、发布和管理包、运行脚本等。它将列出项目中已安装的包，以及它们的当前版本和最新版本之间的差距。这个命令将更新你的项目中安装的指定包到最新版本。这个命令将从你的项目中移除指定的包。这个命令将安装指定名称的包。
hbuilderx中npm安装失败
12-10
在HBuilderX中，如果npm安装失败，可以尝试以下两种解决方法： 1.以管理员身份运行HBuilderX 先关闭HBuilderX，在桌面上右键单击HBuilderX图标，选择“以管理员身份运行”，然后再尝试安装npm插件。 2.查看运行日志 在HBuilderX内的菜单“帮助”->“查看运行日志”，查看最新日期，可以具体找到问题出错的地方，然后解决。例如，如果安装路径错误，可以将路径修改正确。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值