Node.js 就是运行在服务端的 JavaScript
NPM是随同Node.JS一起安装的包管理工具,通过命令从NPM服务器下载别人编写的第三方包到本地使用
中文文档:npm 中文文档 | npm 中文网 (npmjs.cn)
一.介绍
javascript 有三部分构成,ECMAScript,DOM和BOM,根据宿主(浏览器)的不同
而DOM和BOM是操作浏览器和网页内容的是用的浏览器解释器,所以我们需要运行在后端服务器我们就不能使用DOM和BOM语法所以我们只使用js的ECMAScript语法
NPM:
NPM是随同NodeJS一起安装的包管理工具
- 允许用户从NPM服务器下载别人编写的第三方包到本地使用。
- 允许用户从NPM服务器下载并安装别人编写的命令行程序到本地使用。
- 允许用户将自己编写的包或命令行程序上传到NPM服务器供别人使用。
二: 安装
2.0.
下载地址:Node.js (nodejs.org)
我们下载长期维护版就可以,这个版本相对稳定
我们只需要安装Node.js就可以了因为npm是随node.js一起安装的包(模块)管理工具
我们只需要用他默认的安装选项就可以
2.1.
安装好后我们按下快捷键 Win+R,在弹出的窗口输入
node -v
v14.16.0显示的是我目前安装的版本号
三.简单的使用
3.0导入导出
我们在html里面导入一个js文件是直接写写标签直接导入的
如:<script src=""></script>
这么做有个坏处如果我们导入的文件有很多变量和我当前这个页面重复了怎么办,这样就会发生很多错误,但是有时候我们不希望导入整个文件我们只需要导入某一块怎么办
所以我们现在使用node.js的导入和导出
导出:
module.exports.fn = fn //或者 module.exports = { }
导入
let aaa = require('导入的地址')
代码简单演示:
02.js导出了,01导入了
我们使用命令带集成终端运行一下
node.js 文件名
输入文件名的时候我们只需要打个文件名开头几个字母,然后按一下Tab键会计算机会帮我们自动补全文件名,运行后我们打印了02.js文件里面的hi
但是我们如果在02.js里面声明变量我们在01.js里面是访问不到的,这就是按需导入
3.1 vscode安装插件
安装这个插件之后我们运行js代码就可以直接右键选择Run code 即可运行代码,不需要每次都繁琐的在终端输入命令运行了
四.简单使用npm
安装好node.js我们会多出none命令,那么同样npm安装后也会有npm命令,所以我们安装好node.js后我们直接使用就行,上面也说过NPM是随同NodeJS一起安装的包管理工具
我们写html的时候是不是每次都要从网上下载,特别繁琐,
我们现在有的npm就简单多了我们直接在终端输入命令
记得在项目文件里面右键在集成终端打开.
然后输入命令 npm init -y 或者 npm init
然后你会发现目录多了个json文件,这个使用来记录你项目里面的项目依赖文件和开发依赖等等文件的
然后我们输入命令:npm i jquery
这样我们jquery我们就下载好了,是不是很快
只要在官网查得到的我们就可以下载他
官网:jquery - npm search (npmjs.com)
甚至我们还可以直接下载axios
输入命令:
npm i axios
然后你会发现多了很多问我们下载的文件
而我们项目下载的文件package.json都记录下来了
我们现在删掉他
然后输入命令:npm i
你会发现我们刚刚删除的文件又回来了