【VUE】前言1- node.js安装+配置+理解+和npm/cnpm的关系

 系列:

【VUE】前言1- node.js安装+配置+理解+和npm/cnpm的关系

【VUE】前言2-VUE的理解+vue和node的关系+vue/vue-cli的关系

【VUE】1.安装vue的调试工具 vue-tools

【VUE】2.搭建vue脚手架@vue/cli,新建第一个vue项目

前言1:什么是Node.js

 

Node.js® 是一个基于 Chrome V8 引擎 的 JavaScript 运行时环境。Node.js之于js,等同于jvm至于Java的地位。

 

 

官网地址:https://nodejs.org/zh-cn/

 

 

 

===========正文============= 

 

1.下载Node.js安装包

下载地址:https://nodejs.org/zh-cn/download/
根据自己电脑系统及位数选择,我这里选择windows64位.msi格式安装包

.msi和.zip格式区别:
1、.msi是Windows installer开发出来的程序安装文件,它可以让你安装,修改,卸载你所安装的程序。说白了.msi就是Windows installer的数据包,把所有和安装文件相关的内容封装在一个包里。
2、.zip是一个压缩包,解压之后即可,不需要安装

 

 

 

2.开始安装

下载完成后,双击安装包,开始安装,一直点next即可,安装路径默认在C:Program Files下,也可以自定义修改。我这里按照默认路径安装。

Node.js runtime           表示运行环境
npm package manager        表示npm包管理器
online documentation shortcuts   在线文档快捷方式
Add to PATH              添加到环境变量

 

 

 

 

3.查看修改环境变量

打开环境变量,查看node.js的环境变量是否正确的加到了Path中

 

 

 

 

4.查看已经安装好的node版本和 npm版本【node.js和npm的关系,文章最后附录查看】

既然已经将node程序添加到全局系统变量,我们可以直接在CMD窗口中任意位置执行node,打开CMD窗口,执行命令node -v查看node版本

 

node在安装时同时也安装了npm,执行npm -v查看npm版本

 

 

 

5.查看包安装目录

默认情况下,我们在执行npm install -g XXXX时,下载了一个全局包,这个包的默认存放路径位C:UsersAdministratorAppDataRoaming pm ode_modules下,可以通过CMD指令npm root -g查看

 

 可以看到,默认的放在登录系统的用户名下的这个目录

 

我们可以下载一个全局包试试看,执行命令

npm install -g grunt

可以看到,该全局包就下载到了 这个包安装目录下

 

 

6.修改包安装目录【如果想改的话】

参考文章:https://www.jianshu.com/p/13f45e24b1de

 

 

 

=============附录=============

1.node.js到底是什么?

node.js之于js的存在,相当于jvm之于Java的存在

就前端来说nodejs具有划时代的意义,

做前端的没用过nodejs都不好意思说自己是前端,

做后端的没听过nodejs,

或者说不出nodejs和java的优缺点,也不是一个合格的后端。

 

nodejs不是一个js框架,千万不要认为是类似jquery的框架,

nodejs是js运行时,运行环境,类比java中jvm,

java的开端是什么,无疑是jvm,自从有了jvm,java才能吹牛说自己是“一次编写处处运行”,

不管你是windows还是linux,只要安装了对应版本的jvm都可以运行.class文件。

 

同样nodejs的作用和jvm的一样一样的,也是js的运行环境,不管是你是什么操作系统,

只要安装对应版本的nodejs,那你就可以用js来开发后台程序。

 

这具有划时代的意义,意味着一直以来只能在浏览器上玩来玩去的js,可以做后端开发了,

从有了nodejs后就催生出一大批用js做后台开发的前端人员,这部分人员就是偏前端的“全栈程序员”。

 

 

2.node.js和npm的关系

 

node.js是javascript的一种运行环境,是对Google V8引擎进行的封装。是一个服务器端的javascript的解释器。

包含关系,nodejs中含有npm,比如说你安装好nodejs,你打开cmd输入npm -v会发现npm的版本号,说明npm已经安装好。

总结:
其实npm是nodejs的包管理器(package manager)。我们在Node.js上开发时,会用到很多别人已经写好的javascript代码,
如果每当我们需要别人的代码时,都根据名字搜索一下,下载源码,解压,再使用,会非常麻烦。于是就出现了包管理器npm。
大家把自己写好的源码上传到npm官网上,如果要用某个或某些个,直接通过npm安装就可以了,不用管那个源码在哪里。
并且如果我们要使用模块A,而模块A又依赖模块B,模块B又依赖模块C和D,此时npm会根据依赖关系,
把所有依赖的包都下载下来并且管理起来。试想如果这些工作全靠我们自己去完成会多么麻烦!

 

3.npm和cnpm的关系

npm(node package manager):nodejs的包管理器,用于node插件管理(包括安装、卸载、管理依赖等)

cnpm:因为npm安装插件是从国外服务器下载,受网络的影响比较大,可能会出现异常,如果npm的服务器在中国就好了,所以我们乐于分享的淘宝团队干了这事。来自官网:“这是一个完整 npmjs.org 镜像,你可以用此代替官方版本(只读),同步频率目前为 10分钟 一次以保证尽量与官方服务同步。”

4.安装cnpm

在上面正常安装Node.js,并且正常查看了Node.js的版本和npm的版本后,在cmd中执行:

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

安装完成后,可以查看cnpm的版本

cnpm -v

 

原文地址:https://www.cnblogs.com/sxdcgaq8080/p/12449027.html