系列:
【VUE】前言1- node.js安装+配置+理解+和npm/cnpm的关系
【VUE】前言2-VUE的理解+vue和node的关系+vue/vue-cli的关系
【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.修改包安装目录【如果想改的话】
=============附录=============
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