2023年伊凡最新整理简单方法之为hbuilderx配置node环境实现可npm install

简介: 本文优雅草伊凡投稿一颗优雅草科技,欢迎其他朋友们来投稿(一定会详细署名),好直接开始,由于伊凡的电脑实在太卡了因此重装了一下系统所有环境全没了可能要一步步做环境了,后续可能会发关于flutter,鸿蒙开发的环境,不过说实话win10系统老是更新越更新就越卡建议所有同学们至少2年内一次重装,伊凡这台电脑主机接近8000多(21年迈的)看了下记录上一次重装是2021年怪不得打个英雄联盟都能偶尔卡顿简直就是不可思议。检查下是否安装成功,显示版本号即为成功。安装完了,运行-cmd 输入。官网去下载编译器解压。

本文优雅草伊凡投稿一颗优雅草科技,欢迎其他朋友们来投稿(一定会详细署名),好直接开始,由于伊凡的电脑实在太卡了因此重装了一下系统所有环境全没了可能要一步步做环境了,后续可能会发关于flutter,鸿蒙开发的环境,不过说实话win10系统老是更新越更新就越卡建议所有同学们至少2年内一次重装,伊凡这台电脑主机接近8000多(21年迈的)看了下记录上一次重装是2021年怪不得打个英雄联盟都能偶尔卡顿简直就是不可思议。

 

 

 

重装后多么清爽:

 

 

1.png 

言归正传很多同学对hbuilderx配置node环境是比较头疼的,我所知道有些甚至已经1年多了还没配置好原因是网上的教程实在太复杂了,此前我们官方关于写搭建松鼠短视频系统的教程中介绍了本部分环境配置,大概看客中超过70%的人是失败的,现在就来和伊凡一起重新配置一遍吧。

 

因为是发文章所有内容均不发网址避广告嫌疑(目前所有自媒体平台都有AI检测)

 

下载hbuilderx

 

2.png 

官网去下载编译器解压

 

 

下载node.js

 

3.png 

安装node.js

 

image.png

永远都不会选c盘,默认全选直接下一步完成

 

5.png

 


 

安装完了,运行-cmd  输入

 

node-v

 

npm -v

 8.png

检查下是否安装成功,显示版本号即为成功

 

设置hbuilderx运行配置

 

 

6.png

 

打开hbuilderx点击工具-设置

 

 

7.png

 

运行设置,选择外部终端,此处浏览选择之前node安装目录对应的文件(根据自己的目录来),因为很多时候我们需要用到git基本都是外部终端调试而不是使用内部终端调试。

 

 

运行测试

9.png

 

 

Ok 我们运行测试已经可以成功,网上的教程鱼龙混杂,有些教程偷换概念有些教程缺斤少两而有些教程鱼目混珠因而导致很多同学是无法正常安装配置的。

 

相关文章
|
14天前
|
网络安全 计算机视觉
【node】 npm install 报错:code 128
【node】 npm install 报错:code 128
34 1
|
1月前
|
JavaScript 内存技术
node与npm版本对应关系以及使用nvm管理node版本
node与npm版本对应关系以及使用nvm管理node版本
181 0
|
28天前
|
缓存
npm install 报 npm ERR! cb()never called!的错误
npm install 报 npm ERR! cb()never called!的错误
17 0
|
18天前
|
开发框架 JavaScript 中间件
node+express搭建服务器环境
node+express搭建服务器环境
node+express搭建服务器环境
|
7天前
|
缓存 资源调度
npm install安装时一直idealTree:npm: sill idealTree buildDeps解决方案(亲测有效)
npm install安装时一直idealTree:npm: sill idealTree buildDeps解决方案(亲测有效)
22 2
|
1月前
|
内存技术
node版本与npm版本不对应的解决方案
node版本与npm版本不对应的解决方案
25 0
|
1月前
|
缓存 网络虚拟化
解决 npm install 报错的常见问题
解决 npm install 报错的常见问题
217 0
|
1月前
|
JavaScript 前端开发 持续交付
npm install 执行后打印的 reify rxjs timing... Completed in 30389 ms 是什么意思
npm install 执行后打印的 reify rxjs timing... Completed in 30389 ms 是什么意思
36 0
|
1月前
|
资源调度 JavaScript 前端开发
Composable Storefront 的开发模式,用 npm install
Composable Storefront 的开发模式,用 npm install
16 0
|
2月前
|
Web App开发 缓存 JavaScript
【安装指南】nodejs下载、安装与配置详细教程
这篇博文详细介绍了 Node.js 的下载、安装与配置过程,为初学者提供了清晰的指南。读者通过该教程可以轻松完成 Node.js 的安装,了解相关配置和基本操作。文章首先介绍了 Node.js 的背景和应用场景,随后详细说明了下载安装包、安装步骤以及配置环境变量的方法。作者用简洁明了的语言,配以步骤图示,使得读者能够轻松跟随教程完成操作。总的来说,这篇文章为初学者提供了一个友好的入门指南,使他们能够顺利开始使用 Node.js 进行开发。
197 1
【安装指南】nodejs下载、安装与配置详细教程