史上无敌的超级详细的Node Js 环境搭建步骤

2023-11-07

今日分享内容

一、Node Js 环境搭建

1、Node.js是什么?

2、npm是什么?

3、环境搭建步骤:

二、Element简介


一、Node Js 环境搭建

1、Node.js是什么?

Node.js是一个基于Chrome V8引擎的[JavaScript运行环境]。 Node.js使用了一个事件驱动、非阻塞式I/O 的模型。
 Node.js是一个让JavaScript运行在服务端的开发平台,它让JavaScript成为与PHP、Python、Perl、Ruby等服务端语言平起平坐的脚本语言 。

总的来说就是:nodeJS是JavaScript脚本语言的运行环境

  注意:

        Node.js-->JavaScript运行环境,开发语言是:javascript
       J2EE   -->Java运行环境, 开发语言是java
        Node.js v10.15.3文档地址:http://nodejs.cn/api/

2、npm是什么?

 npm其实是Node.js的包管理工具(package manager),相当于后台的maven。

为啥我们需要一个包管理工具呢?因为我们在Node.js上开发时,会用到很多别人写的JavaScript代码。 如果我们要使用别人写的某个包,每次都根据名称搜索一下官方网站,下载代码,解压,再使用,非常繁琐。于是一个集中管理的工具应运而生:大家都把自己开发的模块打包后放到npm官网上,如果要使用, 直接通过npm安装就可以直接用,不用管代码存在哪,应该从哪下载。 更重要的是,如果我们要使用模块A,而模块A又依赖于模块B,模块B又依赖于模块X和模块Y,
   npm可以根据依赖关系,把所有依赖的包都下载下来并管理起来。否则,靠我们自己手动管理,肯定既麻烦又容易出错。

3、环境搭建步骤:

 第一步:

进入官方网站https://nodejs.org/en/ 

 我建议大家最好不要使用最新的版本,一般最新的版本会不太稳定,我选择的版本是node-v10.15.3的。

下载之后解压一定要放在非中文目录下!!!!


 第二步:

解压nodeJS的解压包,在根目录下新增两个文件夹node_globalnode_cache 

 

 第三步 :

① 新增NODE_HOME  值为:D:\initPath\node-v10.15.3-win-x64    【这里放的是路径】

注意:  一定要区分分号,保证是英文分号!! 

② 修改Path并在最后添加:;%NODE_HOME%;%NODE_HOME%\node_global; 

如果系统版本不一样的话,还可以这样配置Path:

 

测试输入    node -v

 

 出现版本号则代表配置成功!!!!!耶耶耶! 

 第四步:

配置npm的全局模块的下载地址

(因为nodejs运行的环境这个平台是国外的,那么里面的js肯定也是放在国外的,所以我们需要去改变这个源。)

设置缓存目录

设置全局变量

加快npm下载js依赖的速度

【注意:这里面放的路径是根据自己的根目录存放的,doc命令运行需要一行一行的运行】

        npm config set cache "F:\Software path\node-v10.15.3-win-x64\node_cache"
        npm config set prefix "F:\Software path\node-v10.15.3-win-x64\node_global"
        npm config set registry https://registry.npm.taobao.org/

doc命令运行 之后,去到本机账号,找到.npmrc文件,点击查看是否还有以上这三行脚本,有则代表成功,反之则需要重新来过,如图所示: 

 第五步:

下载github的Vue的项目解压

验证安装结果:版本验证 输入 npm -v

显示版本号则代表安装成功。

 第六步:
 进入到项目里来

 现在就开始下载啦~

 第七步:

在通过npm run dev 启动项目

紧接着在第六步的基础上进行 

加载之后:

 完了之后就会弹出页面

登录进去就会出现这个页面啦~

环境搭建成功~~~ 



二、Element简介

官方网址:Element - The world's most popular Vue UI framework 

 Element有两种开发模式,一种是传统开发模式,另一种是前后端分离开发模式。


知识总结

安装步骤:

1、下载nodeJS的安装包

2、解压nodeJS的解压包,在根目录下新增两个文件夹node_globalnode_cache

3、配置环境变量
        NODE_HOME:配置的是nodeJS解压的根路径F:\Software path\node-v10.15.3-win-x64
        Path:%NODE_HOME%;%NODE_HOME%\node_global

        检验是否配置成功:node -v

4、配置npm的全局模块的下载地址
        npm config set cache "F:\Software path\node-v10.15.3-win-x64\node_cache"
        npm config set prefix "F:\Software path\node-v10.15.3-win-x64\node_global"
        npm config set registry https://registry.npm.taobao.org/

        检验是否配置成功:本机用户找到.npmrc文件,查看是否有以上三行脚本

5、下载github的Vue的项目解压

        检验是否安装成功:npm -v

6、在解压的项目中是没有node_modules的,在工程的根目录下需要通过doc命令npm install进行再次依赖下载(package.json)

7、在通过npm run dev 启动项目

今日分享内容到此结束,希望对您有所帮助喔~

预告下期内容:【搭建SPA项目】

我们下期再见!!!

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

史上无敌的超级详细的Node Js 环境搭建步骤 的相关文章

  • Node.js:无法从同一网络上的不同设备访问服务器

    注意 还有其他一些人也遇到过类似的问题 但这些问题是通过修复代码中涉及服务器如何侦听的小花絮来解决的 在我看到的示例中 他们将 127 0 0 1 作为参数放在http createServer listen 但是 我没有同样的问题 当我尝
  • jQuery AJAX 调用 Java 方法

    使用 jQuery AJAX 我们可以调用特定的 JAVA 方法 例如从 Action 类 该 Java 方法返回的数据将用于填充一些 HTML 代码 请告诉我是否可以使用 jQuery 轻松完成此操作 就像在 DWR 中一样 此外 对于
  • 使用 jQuery/JS 打开时使
    标签的内容具有动画效果

    我只想要 HTML5 的内容details标记为 滑行 动画打开 而不是仅仅弹出打开 立即出现 这可以用 jQuery Javascript 实现吗 Fiddle http jsfiddle net 9h4Hq HTML
  • 检查 JavaScript 字符串是否为 URL

    JavaScript 有没有办法检查字符串是否是 URL 正则表达式被排除在外 因为 URL 很可能是这样写的stackoverflow 也就是说它可能没有 com www or http 如果你想检查一个字符串是否是有效的 HTTP UR
  • 使用 Angular 下载具有动态 src 的脚本

    Angular 提供了通过动态名称动态加载模板的方法ng include 该部分中的内联 JS 和 CSS 可以正常加载 但没有一个好的方法来下载带有动态 url 的脚本 我们需要下载脚本 相对于调用它们的 html 部分的路径 即我们有一
  • 使用nodegit切换分支/标签

    我整个早上都在尝试打开现有的存储库并使用 nodegit 更改分支或标签 文档内容很丰富 但似乎已经过时了 关于我做错了什么有什么想法吗 var NodeGit require nodegit var open NodeGit Reposi
  • JavaScript 重定向到新窗口

    我有以下代码 它根据下拉列表的值重定向到页面 我如何使其在新窗口中打开 function goto form var index form select selectedIndex if form select options index
  • 在javascript中解析json - 长数字被四舍五入

    我需要解析一个包含长数字的 json 在 java servlet 中生成 问题是长数字被四舍五入 当执行这段代码时 var s x 6855337641038665531 var obj JSON parse s alert obj x
  • 将div设置为隐藏,延时后可见

    我试图在 X 时间后 也许甚至在随机时间之后 但现在我们只做固定时间 在黑色背景上出现一个黄色方块 function initialSetup if document getElementById yellow null document
  • Nodejs 在循环中等待

    我想循环等待 实现此目的的最佳方法是什么 这是我的实际代码 var groups 461 6726 3284 4 121 11 399 1735 17 19 1614 groups forEach function value myfunc
  • 无法运行 npm install

    In here http devdocs magento com guides v2 0 frontend dev guide css topics css debug html它说要跑npm install 但是当我运行时出现此错误sud
  • 为 illustrator 导出脚本以保存为 web jpg

    任何人都可以帮我为 illustrator CC2017 编写一个脚本 将文件以 JPG 格式导出到网络 旧版 然后保存文件并关闭 我有 700 个文件 每个文件有 2 个画板 单击 文件 gt 导出 gt 另存为 Web 旧版 然后右键文
  • 为什么在 Internet Explorer 中访问 localStorage 对象会引发错误?

    我正在解决一个客户端问题 Modernizr 意外地没有检测到对localStorageInternet Explorer 9 中的对象 我的页面正确使用 HTML 5 文档类型 并且开发人员工具报告该页面具有 IE9 的浏览器模式和 IE
  • HTML 离线应用程序缓存,列出下载的文件

    作为我正在构建的离线 Web 应用程序的加载屏幕的一部分 使用缓存清单 http developer apple com library safari documentation iPhone Conceptual SafariJSData
  • 如何获取给定 DOM 元素的所有定义的 CSS 选择器?

    如何使用 jQuery 获取给定 DOM 元素的所有定义的 CSS 选择器 定义后 我的意思是在应用于任何样式表的所有 CSS 选择器document 在某种程度上 这类似于 FireBug 实现的功能 其中显示所选 DOM 元素的所有应用
  • 有没有办法阻止 prettier / prettier-now 将函数参数分解为新行

    当使用 prettier prettier now 在保存时进行格式化时 当一个函数包装另一个函数时 它会中断到一个新行 我想知道是否有办法阻止这种行为 例如 期望的输出 app get campgrounds id catchAsync
  • 条件在反应本机生产中失败,但在开发中有效

    我创建了一个反应本机应用程序 我需要通过它进行比较 如果属实 就会执行死刑 问题是 该条件适用于 React Native 开发模式 而不适用于 React Native 生产版本 我使用 firebase 作为数据库 也使用 redux
  • JQuery 图像上传不适用于未来的活动

    我希望我的用户可以通过帖子上传图像 因此 每个回复表单都有一个上传表单 用户可以通过单击上传按钮上传图像 然后单击提交来提交帖子 现在我的上传表单可以上传第一个回复的图像 但第二个回复的上传不起作用 我的提交过程 Ajax 在 php 提交
  • Mongoose - 查询从多个集合中获取数据

    我想要获取猫鼬的查询在 Node js 应用程序中 如下所述输出 user js comment js 和 post js 是我使用的模型文件 user js var mongoose require mongoose var Schema
  • 使用 Ajax 请求作为源数据的 Jquery 自动完成搜索

    我想做的事 我想使用 jquery 自动完成函数创建一个输入文本字段 该函数从跨域curl 请求获取源数据 结果应该与此示例完全相同 CSS 在这里并不重要 http abload de img jquerydblf5 png http a

随机推荐

  • 方舟服务器维护为什么要藏好,方舟生存进化开服常见问题及解决方法

    印痕技能隐藏代码 OverrideNamedEngramEntries EngramClassName 印痕代码 EngramLevelRequirement 1 EngramPointsCost 1 EngramHidden True R
  • 怎么让照片变年轻_如何使照片中的人物变的年轻(在Ps中调节的)?

    1 打开素材 按ctrl j三次 复制三次背景 选中图层1 将混合模式设置为柔光 不透明度为15 2 选中图层1副本 混合模式设置为柔光 选择 滤镜 模糊 高斯模糊 半径为4 5像素 确定 3 选中图层1副本2 混合模式设置为柔光 不透明度
  • 分布式数据库架构

    分布式数据库架构 1 MySQL常见架构设计 对于mysql架构 一定会使用到读写分离 在此基础上有五种常见架构设计 一主一从或多从 主主复制 级联复制 主主与级联复制结合 1 1 主从复制 这种架构设计是使用的最多的 在读写分离的基础上
  • SQL中UPDATE更新语句、REPLACE()替换函数

    更新 替换 1 UPDATE 2 replace 1 UPDATE 语法 update lt 表名 gt set lt 列名 gt lt 表达式 gt 用法 quad quad 更改数据表中的数据 1 将登记日期更新为 2009 10 10
  • c语言文件尾没有newline字符,关于C++:”文件末尾无新行”编译器警告“No newline at end of file”...

    在某些C 编译器中 下面的警告是什么原因 No newline at end of file 为什么在源文件 头文件的末尾应该有一个空行 不完全是因为这个原因 但是如果您使用cx1 0 文件 并且它没有尾随新行 因为新的shell提示将出现
  • 介绍两种SpringBoot读取yml文件中配置数组的方法

    一直都在用Spring的 Value注解读取yml中的配置 这两天在读取配置的时候 想读取yml中配置的一个数组 通过 Vaule一直获取不到 通过一番资料的查询 才彻底清楚了 Vaule的使用情况 在Spring中读取配置文件的快捷方法常
  • Native层HIDL服务的获取原理-Android10.0 HwBinder通信原理(七)

    Android取经之路 的源码都基于Android Q 10 0 进行分析 Android取经之路 系列文章 系统启动篇 Android系统架构Android是怎么启动的Android 10 0系统启动之init进程Android10 0系
  • php上传文件到指定文件夹

    效果图如下 首先我们需要一个index html页面上传文件
  • Centos运行Spring Boot Jar包

    在Centos服务器上运行Jar文件时通常的方法是 ssh窗口关闭时 程序中止运行 java jar healthy jar 指定端口启动 java jar healthy jar server port 8080 指定环境及端口启动 ja
  • IP地址分类详解:A、B、C、D类地址如何划分的以及保留地址(特殊地址)介绍

    一 IP地址类型 2 1基本分类 最初设计互联网络时 为了便于寻址以及层次化构造网络 每个IP地址包括两个标识码 ID 即网络ID net id 和主机ID host id 同一个物理网络上的所有主机都使用同一个网络ID 网络上的一个主机
  • Unity 场景循环

    Unity 场景循环策略 情况一 小车一直行驶在平直的路面 需要地图依次循环 当小车快要行驶出第一张地图时候加载第二张 依次循环 using System Collections using System Collections Gener
  • 软件设计师(八)算法设计与分析

    算法被公认为是计算机科学的基石 算法理论研究的是算法的设计技术和分析技术 一 算法设计和分析的基本概念 1 算法 Algorithm 算法 是对特定问题求解步骤的一种描述 它是指令的有限序列 其中每一条指令表示一个或多个操作 一个算法有5
  • uTools工具

    uTools工具
  • js手写防抖、节流函数-基本实现

    认识防抖debounce函数 我们都遇到过这样的场景 在某个搜索框中输入自己想要搜索的内容 比如想要搜索一个MacBook 当我输入m时 为了更好的用户体验 通常会出现对应的联想内容 这些联想内容通常是保存在服务器的 所以需要一次网 络请求
  • 线性结构 队列

    线性结构 队列 一 队列的定义 二 抽象数据类型 三 顺序存储 循环队列 基本思路 存储结构 部分操作 四 链式存储 链式队列 一 队列的定义 队列 Queue 是具有一定操作约束的线性表 插入和删除操作有一定要求 只能在一端插入 而在另一
  • Inno Setup入门

    一个最简单的安装脚本 1 最简单的安装文件脚本 setup AppName Test AppVerName TEST DefaultDirName E TEST AppVersion 1 0 files Source F desktop i
  • shell文件存在的判断 shell数组

    判断文件 WORKDIR home tmp LOCAL LIST FILE WORKDIR local list if no local txt file generate a new one if f LOCAL LIST FILE th
  • 解决QString类型中一些使用规则

    参考网页 http www kuqin com qtdocument qstring html fromLatin1 1 QString类型中的使用 QString str QString fromLatin1 123456789 5 st
  • nginx负载均衡与日志配置

    nginx负载均衡与日志配置 1 设置nginx负载均衡 1 1 找到nginx conf文件 并进行配置 2 设置nginx日志 2 1 找到nginx conf文件 配置日志nginx日志 2 查看 设置 1 设置nginx负载均衡 当
  • 史上无敌的超级详细的Node Js 环境搭建步骤

    今日分享内容 一 Node Js 环境搭建 1 Node js是什么 2 npm是什么 3 环境搭建步骤 二 Element简介 一 Node Js 环境搭建 1 Node js是什么 Node js是一个基于Chrome V8引擎的 Ja