IT数码 购物 网址 头条 软件 日历 阅读 图书馆
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
图片批量下载器
↓批量下载图片,美女图库↓
图片自动播放器
↓图片自动播放器↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁
 
   -> JavaScript知识库 -> Node.js 环境搭建(完整) -> 正文阅读

[JavaScript知识库]Node.js 环境搭建(完整)

1、Node.js 环境搭建

1.1、前置内容

1.1.1、什么是 JavaScript

概念: 遵循了 ECMAScript 标准,是 ECMAScript 的具体实现。并且支持了浏览器的 APIBOMDOM 。并且支持 Node.js API

1.1.2、什么是 Node.js

概念: 基于 Chrome V8 引擎实现的 JavaScript 运行环境。

1.2、npm是什么

概念: npm其实是Node.js的包管理(package manager)。
为啥我们需要一个包管理工具呢?因为我们在Node.js上开发时,会用到很多别人写的 Javascript代码。
如果我们要使用别人写的某个包,每次都根据名称搜索以下官方网站,下载代码,解压,在使用,非常频繁。
于是一个集中管理的工具应运而生: 大家都把自己开发的模块打包发布后放在npm官网上,如果要使用,直接通过npm安装就可以直接使用,不用管代码存在哪里,应该从哪里下载。

最总要的是:比如我们要使用模块A,而模块A又依赖于模块B,模块B又依赖于模块X和模块Y。
这样npm就可以根据依赖关系,把所有依赖的包都下载下来并管理起来。否则,靠我们自己手动管理,肯定又麻烦又容易出错。

1.3、Node.js 环境搭建

由于Node.js平台是在后端运行的Javascript代码,所以,必须首先在本机安装Node环境
想一想,java开发的第一步,是不是先安装JDK,在配置环境java_home/classpath/path

下载

下载地址:https://nodejs.org/zh-cn/

选择相应的版本下载,本章使用的是:node-v10.15.3-win-x64.zip

注1:Node有两个版本线: LTS是长期维护的稳定版本Current是新特性版本

解压

将文件解压到指定位置(例如:D:\initPath),并在解压后的目录下建立node_global和node_cache这两个目录

注1:新建目录说明
node_global:npm全局安装位置
node_cache:npm缓存路径

注2:本教程是将文件解压到D:\initPath目录,后面都以此为例,实际开发中请修改成自己的解压目录
D:\initPath\node-v10.15.3-win-x64

配置环境变量

新增NODE_HOME,值为:D:\initPath\node-v10.15.3-win-x64
修改PATH并在最后添加:;%NODE_HOME%;%NODE_HOME%\node_global;
注1:环境变量查看
echo %node_home%
echo %path%

注2:测试安装是否成功:打开cmd窗口,输出如下命令会输出NodeJs和npm的版本号
node -v
npm -v

在这里插入图片描述

配置npm全局模块路径和cache默认安装位置

打开cmd,分开执行如下命令:

npm config set cache "E:\node\node-v10.15.3-win-x64"
npm config set prefix "E:\node\node-v10.15.3-win-x64\node_global"

注1:将步骤一创建的node_global(npm全局安装位置)和node_cache(npm缓存路径)与npm联系起来
注2:如果执行命令卡死,可以删除C:\Users\用户名.npmrc 后重新执行。(用户名:为当前电脑的用户名)
注3:“D:\initPath\node-v10.15.3-win-x64\node_global”,双引号不能少

查看淘宝镜像设置情况:

npm get registry

查看npm全局路径设置情况:

npm install webpack -g

这样node环境就搭建好了。



 `如有不足请多多指教!希望给您带来帮助!`


  JavaScript知识库 最新文章
ES6的相关知识点
react 函数式组件 & react其他一些总结
Vue基础超详细
前端JS也可以连点成线(Vue中运用 AntVG6)
Vue事件处理的基本使用
Vue后台项目的记录 (一)
前后端分离vue跨域,devServer配置proxy代理
TypeScript
初识vuex
vue项目安装包指令收集
上一篇文章      下一篇文章      查看所有文章
加:2021-08-24 15:27:49  更:2021-08-24 15:29:52 
 
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁

360图书馆 购物 三丰科技 阅读网 日历 万年历 2024年11日历 -2024/11/23 12:54:51-

图片自动播放器
↓图片自动播放器↓
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
图片批量下载器
↓批量下载图片,美女图库↓
  网站联系: qq:121756557 email:121756557@qq.com  IT数码