js教程_快速带你搭建并配置好Node.js环境

 所属分类:web前端开发

 浏览:171次-  评论: 0次-  更新时间:2022-06-15
描述:更多教程资料进入js教程获得。 本篇文章带大家五分钟搞定搭建Node.js环境的方法,希望对大家有所帮助!一、下载Node.js镜像文件附上下载地...
更多教程资料进入js教程获得。 本篇文章带大家五分钟搞定搭建Node.js环境的方法,希望对大家有所帮助!

一、下载Node.js镜像文件

附上下载地址:Node.js官网

这里用windows64位举例,其他操作系统的同学请移步

1、点击downloads,然后根据需要下载不同版本的文件

这里推荐使用installer的安装文件,例如windows64位的用户推荐使用如下图片中箭头所指的文件,点击之后就可以下载了。提示:官网下载会很慢。。。。。

在这里插入图片描述

【推荐学习:《nodejs 教程》】

二、安装Node.js

2、找到下载好的.msi文件

在这里插入图片描述

2、点击运行,然后跟着下面的步骤走(保姆级别的,看不懂那我就没办法了)

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

然后就是静静等待安装了~~~~

判断Node.js安装是否正常

1、打开终端,敲入node -v

如果显示的版本号和你下载的版本号相同,恭喜你,安装成功!

在这里插入图片描述

2、敲入node之后你便可进入node终端环境编写简单程序

例如:

在这里插入图片描述

判断npm是否正常

说明一下,在安装Node.js的同时npm组件也下载了

打开终端,敲入npm -v

如果出现了版本号则说明npm正常

在这里插入图片描述

开始搭建环境

1、打开终端,敲入如下指令:

npm config set registry https://registry.npm.taobao.org

在这里插入图片描述

2、敲入如下指令:

npm install -g @vue/cli

在这里插入图片描述

3、敲入如下指令:

npm install -g webpack

在这里插入图片描述
4、敲入如下指令:

vue -V

此步骤为验证步骤,如果出现版本号则说明正常

在这里插入图片描述
5、敲入如下指令:

vue ui

在这里插入图片描述

然后会自动弹出vue项目创建的网页

在这里插入图片描述

6、点击创建

在这里插入图片描述

7、配置项目

在这里插入图片描述

在这里插入图片描述

创建完之后,直接在HBuilder X打开你创建项目所在的文件夹就好了~

更多编程相关知识,请访问:编程入门!!

以上就是快速带你搭建并配置好Node.js环境的详细内容,更多请关注zzsucai.com其它相关文章!

 标签:
积分说明:注册即送10金币,每日签到可获得更多金币,成为VIP会员可免金币下载! 充值积分充值会员更多说明»

讨论这个素材(0)回答他人问题或分享使用心得奖励金币

〒_〒 居然一个评论都没有……

表情  文明上网,理性发言!