Node.js和Npm
Node.js 就是运行在服务端的 JavaScript
官网:Node.js (nodejs.org)
NPM是随同Node.JS一起安装的包管理工具,通过命令从NPM服务器下载别人编写的第三方包到本地使用
官网:npm (npmjs.com)
中文文档: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
你会发现我们刚刚删除的文件又回来了
Node.js和Npm相关推荐
- node.js和npm版本升级及升级过程中遇到的问题和解决方案
Node.js和NPM版本升级 1. 安装Node.js 1.1 版本检查 1.2 下载安装程序 1.3 安装 2. npm升级 2.1 版本检查 2.2 升级 3. 检查Node.js和npm之间的 ...
- 关于node js和 npm 版本不匹配的情况
方法一 根据node 修改npm版本号 今天在安装node.js后使用 npm安装 BtleJuice 遇到了如下情况. 记录一下该情况看是否有相同问题的朋友就不用了走弯路 出现该情况说明node.j ...
- node.js和npm的关系
目录 一.npm是什么 二.Node.js是什么 三.npm和Node.js的发展 四.node.js和npm的安装 一.npm是什么 当一个网站依赖的js代码越来越多,程序员发现这是一件很麻烦的事情 ...
- 安装Node.js和npm
安装Node.js和npm 学习了:http://www.liaoxuefeng.com/wiki/001434446689867b27157e896e74d51a89c25cc8b43bdb3000 ...
- 关于node.js和npm 和nvm_byKL
关于node.js和npm 和nvm Node 是一个服务器端 JavaScript 解释器,Node 本身运行 V8 JavaScript.V8 JavaScript 引擎是 Google 用于其 ...
- 如何在Mac上安装Node.js和NPM
原作者:Dave McFarland 翻译转载:https://blog.teamtreehouse.com/install-node-js-npm-mac 如何在Mac上安装Node.js和NPM ...
- 前后端交互学习笔记(二):Node.js及npm学习
Node.js及npm 文章目录 Node.js及npm 复习引入 初识node.js fs文件系统模块 path路径模块 http模块 创建web服务器 根据不同url设置响应代码模板 模块化学习 ...
- Node.js、npm环境配置与Vue项目创建
目录 一.Node.js.npm简介 1. Node.js 2. npm 3. npm和Node.js的发展 二.Node.js(内置npm)的下载与安装 三.Vue CLI脚手架的安装与项目的创建: ...
- Node.js 和npm的安装(插件的安装)
一.node.js是什么?有什么用? 1.概述: a).Node.js是基于Chrome JavaScript运行时建立的一个平台,实际上它是对Google Chrome V8引擎进行了封装,它主要用 ...
- Node.js及npm安装详细教程
Node.js及npm安装详细教程 下载 安装 下载 点击以下链接进入NodeJs官网 https://nodejs.org/zh-cn/ 首页有推荐两个版本,大家视自己情况下载,如果需要下载历史版本 ...
最新文章
- [优先队列] 洛谷 P2085 最小函数值
- 深入理解编译注解(四)常用接口介绍
- 从零开始学习jQuery (四) 使用jQuery操作元素的属性与样式
- HD 2955 Robberies(0-1背包)
- 北理工2017年爬虫目录
- calayer 与uiview
- oracle自增的两种办法,ORACLE数据库实现自增的两种方式
- nebula模拟器_nebula模拟器中文金手指版本
- linux系统安装并配置oracle客户端
- 6、vueJs基础知识06
- iview tree 获取选中子节点的整条数据链
- InstallShield 2020中文版
- 测试笔记本续航的软件,【教程向】如果给笔记本降温及延长续航
- C语言scanf函数详细解释
- appium ios端自动化测试配置
- 部分图像压缩技术的优缺点以及应用
- 【SEBAL模型】地面特征参数反演01--大气透射率
- Android 文字转语音2种方式
- android组合按键截屏,三星安卓手机截图组合键图文汇总(4种)
- table 复杂表头