首页  >  文章  >  web前端  >  快速带你搭建并配置好Node.js环境

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

青灯夜游
青灯夜游转载
2021-11-04 09:56:592040浏览

本篇文章带大家五分钟搞定搭建Node.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环境的详细内容。更多信息请关注PHP中文网其他相关文章!

声明:
本文转载于:csdn.net。如有侵权,请联系admin@php.cn删除