• 技术文章 >web前端 >js教程

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

    青灯夜游青灯夜游2021-11-04 19:14:32转载267
    本篇文章带大家五分钟搞定搭建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,如有侵犯,请联系admin@php.cn删除
    专题推荐:hbuilderx nodejs
    上一篇:javascript中用什么定义常量 下一篇:Angular学习之路由守卫(Route Guards)浅析
    PHP编程就业班

    相关文章推荐

    • 一文讲解宝塔面板怎么部署node项目• nodejs中如何定义全局变量• 深入浅析Node.js中的包与NPM• 认识Node.js,聊聊node的模块化• 深入解析Node.js中的非阻塞I/O

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网