欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

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

程序员文章站 2022-03-05 07:54:05
...
本篇文章带大家五分钟搞定搭建Node.js环境的方法,希望对大家有所帮助!

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

一、下载Node.js镜像文件

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

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

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

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

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

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

二、安装Node.js

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

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

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

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

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

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

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

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

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

判断Node.js安装是否正常

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

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

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

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

例如:

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

判断npm是否正常

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

打开终端,敲入npm -v

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

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

开始搭建环境

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

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

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

2、敲入如下指令:

npm install -g @vue/cli

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

3、敲入如下指令:

npm install -g webpack

快速带你搭建并配置好Node.js环境
4、敲入如下指令:

vue -V

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

快速带你搭建并配置好Node.js环境
5、敲入如下指令:

vue ui

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

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

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

6、点击创建

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

7、配置项目

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

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

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

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

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

相关标签: hbuilderx nodejs