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

 

相关文章
|
13天前
|
JavaScript
npm install 报错 import sys; print“%s.%s.%s”% sys.version_info[ :3] ;
npm install 报错 import sys; print“%s.%s.%s”% sys.version_info[ :3] ;
16 3
|
17天前
|
Dart JavaScript 前端开发
npm install node-sass 安装失败的解决方案:利用国内镜像加速安装
npm install node-sass 安装失败的解决方案:利用国内镜像加速安装
110 1
|
18天前
Node历史版本下载及配置npm镜像
Node历史版本下载及配置npm镜像
36 1
|
11天前
|
JavaScript
TS,编写TS文件,编写hello.ts文件,cmd下打开终端,输入tsc hello.ts会生成一个hello.js文件,简化命令,npm i -g ts-node,ts-node hello.ts
TS,编写TS文件,编写hello.ts文件,cmd下打开终端,输入tsc hello.ts会生成一个hello.js文件,简化命令,npm i -g ts-node,ts-node hello.ts
.vitepress执行了,npm init,npm,修改了scipt,出错了如何解决,vitepress的配置,结合up主成功版,能够实现侧边栏跳转,解决方法,一个一个尝试
.vitepress执行了,npm init,npm,修改了scipt,出错了如何解决,vitepress的配置,结合up主成功版,能够实现侧边栏跳转,解决方法,一个一个尝试
Get “https://npm.taobao.org/mirrors/node/latest/SHASUMS256.txt“: tls: failed to verify certificate:
Get “https://npm.taobao.org/mirrors/node/latest/SHASUMS256.txt“: tls: failed to verify certificate:
|
12天前
|
JavaScript Java 数据库连接
node,npm汇总,pip汇总,typeScript的使用,mybatis,sass的使用中文官网地址:
node,npm汇总,pip汇总,typeScript的使用,mybatis,sass的使用中文官网地址:
|
12天前
|
JavaScript 数据安全/隐私保护
node.js 命令行的命令注册和配置工具(最新版) commander.js 实用教程(含自研脚手架的创建流程)
node.js 命令行的命令注册和配置工具(最新版) commander.js 实用教程(含自研脚手架的创建流程)
14 0
|
13天前
|
资源调度 前端开发 JavaScript
如何在Node.js环境中安装并使用Bower和LESS
【7月更文挑战第2天】在Node.js环境中,掌握Bower和LESS的使用对前端开发至关重要。安装Bower(全局`npm install -g bower`)用于管理前端资源,通过`bower init`和`bower install`管理依赖。LESS作为CSS预处理器,通过`npm install -g less`安装编译器,用`lessc`命令编译LESS到CSS。虽然Bower已进入维护模式,但理解其用法仍有价值。同时,学习使用Sass或Stylus等预处理器以适应现代前端趋势。
54 0
|
17天前
|
JavaScript
蓝易云 - npm install报错问题解决合集
以上是一些常见的npm install错误及其解决方法,希望对你有所帮助。
14 0

推荐镜像

更多