Node.js和Npm_node.js npm-程序员宅基地

Node.js 就是运行在服务端的 JavaScript

NPM是随同Node.JS一起安装的包管理工具,通过命令从NPM服务器下载别人编写的第三方包到本地使用

一.介绍

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
你会发现我们刚刚删除的文件又回来了

本文链接：https://blog.csdn.net/loulansd/article/details/122674714

原作者删帖不实内容删帖广告或垃圾文章投诉

智能推荐

轻量级分布式文件系统FastDFS使用安装说明手册（新手入门级）_fastfs windows-程序员宅基地

文章浏览阅读2w次。轻量级分布式文件系统FastDFS使用安装说明手册（新手入门级）_fastfs windows

use of deleted function ‘std::basic_istream＜_CharT, _Traits＞::basic_istream(const std::basic_istream_use of deleted function 'std::basic_fstream<_chart-程序员宅基地

文章浏览阅读844次。下述代码报错，原因是因为istream后漏了一个 &//从输入流中将家庭作业的成绩读入到一个vector<double>中istream read_hw(istream& in, vector<double>& hw){ if (in) { //清除vector原先的内容 hw.clear(); //读家庭作业成绩 double x; while (in >_use of deleted function 'std::basic_fstream<_chart, _traits>::basic_fstream(

基于MindSpore的Transformer网络实现_seq2seq mindspore-程序员宅基地

文章浏览阅读1.3k次。Transformer使用Self Attention机制解决了传统的基于RNN的Seq2Seq模型难以处理长序列的句子，存在信息丢失情况以及无法并行训练（时序依赖）的问题。Transformer包含Encoder和Decoder两部分，其中Encoder单元和Decoder单元重复了N次（N可以设置，论文中N值为6）。_seq2seq mindspore

网络安全入门 5 天速成教程_ WEB 安全渗透攻防技术-程序员宅基地

文章浏览阅读812次，点赞8次，收藏30次。希望能帮助大家尽快入门。

Mtk Camera Hal到驱动的流程（一）_mtk imageio-程序员宅基地

文章浏览阅读4.3k次，点赞7次，收藏78次。（1）架构介绍（A）Camera的框架分为Kernel部分和Hal部分Kernel部分：image sensor driver——负责具体型号的sensor的id检测，上电，以及在preview、capture、初始化、3A等等功能设定时的寄存器配置；ISP driver——通过DMA将sensor数据流上传；Hal部分：imageio——主要负责数据buffer上传的pipe；drv——包含imgsensor和isp的hal层控制；feature io——包含各种3A等性能配置；_mtk imageio

相机成像原理以及旋转_摄像机平移旋转的原理-程序员宅基地

摘要：相机成像原理涉及点在不同坐标系中的矩阵变换，包括世界、相机、像平面和像素平面坐标系。具体变换关系可用矩阵表达，可求得单位向量。

随便推点

富文本编辑器：editor.md_editor编辑器-程序员宅基地

文章浏览阅读2.7k次，点赞5次，收藏21次。富文本编辑器Editormd简介Editor.md——功能非常丰富的编辑器，左端编辑，右端预览，非常方便，完全免费官网：https://pandao.github.io/editor.md/主要特征支持“标准” Markdown / CommonMark 和 Github 风格的语法，也可变身为代码编辑器；支持实时预览、图片（跨域）上传、预格式文本/代码/表格插入、代码折叠、搜索替换、只读模式、自定义样式主题和多语言语法高亮等功能；支持 ToC 目录（Table o_editor编辑器

一读就错的68个姓氏，第一个就读错了_任作为姓氏很多人读错-程序员宅基地

文章浏览阅读733次。一读就错的68个姓氏，第一个就读错了转载：http://cul.qq.com/a/20170414/032417.htm[摘要]我国有很多姓氏，看起来都是常见的字，一写就会，可是一读，就不是那个样子了，往往读错，让人啼笑皆非。我国有很多姓氏，看起来都是常见的字，一写就会，可是一读，就不是那个样子了，往往读错，让人啼笑皆非。中国的姓氏中，除了有生僻字，还有不少容易读错的姓_任作为姓氏很多人读错

Error downloading packages: qt3-3.3.8b-51.el7.x86_64: [Errno 256] No more mirrors to try._no presto metadata available for base-程序员宅基地

文章浏览阅读7.6k次。Error downloading packages: qt3-3.3.8b-51.el7.x86_64: [Errno 256] No more mirrors to try. 1:qt-x11-4.8.7-2.el7.x86_64: [Errno 256] No more mirrors to try. 解决办法_no presto metadata available for base