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的安装以及环境配置

对于node.js这个东西或许很多人都很陌生,但是却火热了好多年,尤其是现在主流的Vue、react、angluar 框架,那么他们在运行的时候都需要借助node.JS这个运行环境。那么它到底是什么呢?

Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行时。

上述是node.js官网给的解释。就我理解的应该是它应该是基于V8引擎的一个解析javascript的运行环境。那么它到底有什么优点呢?

首先node.js只要是用来进行I/O操作的,例如从网络读取、访问数据库或文件系统,Node.js 具有独特的优势,因为为浏览器编写 JavaScript 的数百万前端开发者现在除了客户端代码之外还可以编写服务器端代码,而无需学习完全不同的语言。起初JavaScript 通常被认为是一门解释型的语言,但是现代的 JavaScript 引擎不再只是解释 JavaScript,也会对其进行编译。因为有了node.js.一切都变的美好了。

1.首先我们先去node官网去下载对应的镜像或者安装包。

在这里插入图片描述
这里,我推荐下载LTS稳定版本,因为node版本迭代太快,一般会因为版本的问题会出现很多不可预测的问题。

2.下载完成之后,双击安装包,点击我接受,再点击next

在这里插入图片描述
安装的时候,安装路径默认在C:\Program Files下面,也可以自定义修改,选择好安装路径,然后点击next。
在这里插入图片描述
后面按照提示,一路next就好了。

3.然后我们去配置系统变量
在这里插入图片描述
上面是我安装的node路径,你们可以自行指定路径,环境变量是为了我们能在任何地方使用node配置好之后,那么我们进入cmd或者git bash,输入node -v 来查看node是否配置成功。
在这里插入图片描述
此时,node就安装以及系统配置成功了。

4.接下来我们还应该配置下环境变量

对于node js 来说,其实还有一个东西是与它息息相关的,那就是npm,npm是node中自带的包管理工具,主要是用来下载和操作一些第三方的依赖包,npm会将安装的模块默认安装到【C:\Users\用户名\AppData\Roaming\npm】路径中,那么如果我们不进行配置的话,随着我们安装的模块越来越多,会大量的占C盘空间,会影响电脑的性能。所以我们们最好也配置一下。
1.打开安装node的安装目录
2.在安装目录下新建两个文件夹node_global和node_cache
在这里插入图片描述
3.打开cmd命令窗口或者git bash,输入npm config set prefix “你的路径\node_global”(“你的路径”默认安装的情况下为 C:\Program Files\nodejs)
4.npm config set cache “你的路径\node_cache”
在这里插入图片描述
5.打开电脑环境变量设置,在系统变量中新建 变量名:NODE_PATH,变量值: E:\nodejs\node_global\node_modules
在这里插入图片描述

6.编辑用户变量(环境变量)的 path,将默认的 C 盘下 APPData\Roaming\npm 修改为 C:\Program Files\nodejs\node_global,点击确定
在这里插入图片描述
但是对于npm安装模块来说,可能相对会比较慢,因为npm的服务器在国外,那吗我们可以切换阿里的淘宝源镜像来下载。

1.首先我们使用命令先下载淘宝源镜像

npm install -g cnpm --registry=https://registry.npm.taobao.org

2.进行镜像的编译(可省略)

node-gyp 编译依赖的 node 源码镜像

3.全局配置切换淘宝源镜像

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

4.切换完成后,可以检测下是否切换成功

npm info underscore

在这里插入图片描述
上图,说明切换淘宝源成功。
如果我们想还原到官方镜像的话,可以使用下行命令,但是我还是建议使用阿里的淘宝源比较快,因为我曾经就体会过使用npm下载东西到崩溃的感受(也可能是我家网速的问问题吧)。只是个人建议而已,主要得看个人使用习惯。

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

最后的最后,我整理了一些日常开发当中常用的一些命令

npm -v   //查看npm安装的版本
npm init   //会引导你创建一个package.json文件,包括名称、版本、作者等信息。
npm install moduleNames   //安装Node模块到本地配置目录node_modules下。
npm install < name > -g   //将包安装到全局环境中。
npm install < name > --save // 会把信息记录到 dependencies中(开发依赖)
npm install < name> --save-dev  //会把信息记录到 devDependencies中(生产依赖)
npm uninstall moudleName // 卸载node模块。
  JavaScript知识库 最新文章
ES6的相关知识点
react 函数式组件 & react其他一些总结
Vue基础超详细
前端JS也可以连点成线(Vue中运用 AntVG6)
Vue事件处理的基本使用
Vue后台项目的记录 (一)
前后端分离vue跨域,devServer配置proxy代理
TypeScript
初识vuex
vue项目安装包指令收集
上一篇文章      下一篇文章      查看所有文章
加:2021-08-08 11:13:05  更:2021-08-08 11:15:40 
 
开发: 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年5日历 -2024/5/19 8:38:28-

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