码迷,mamicode.com
首页 > Web开发 > 详细

ajax前后端交互原理(2)

时间:2019-12-12 18:22:44      阅读:97      评论:0      收藏:0      [点我收藏+]

标签:nod   项目上线   交互   ref   ack   使用   web   方式   位置   

2.NPM使用

2.1.NPM是什么

NPM的全称是Node Package Manager,是一个NodeJS包管理和分发工具,这里要搞清楚包的概念,通俗的说,包就是具有一定功能的工具(软件),本质上呢这些包就是很多文件的集合,例如下图就是一个包:

技术图片

这个包的作用就是将ES6的代码转换成ES5的代码,这个包我们在后面的webpack课程中会讲到,总之,你要明白的第一个概念就是包就是一些文件组成的,其实就是我们写的具有一定功能的源码文件

如果你理解了包的概念,那么NPM包管理器就很容易理解了,既然叫包管理器,那么就是用来管理和分发这些包的,本质上这个包管理器也是一个工具,由一些源码文件组成,随着Node.js的安装而安装在了你的电脑上,这个工具你可以认为就是一个小软件,这个小软件和百度云盘有点类似,可以管理你的文件(上传、下载、删除等),但是这个小软件和百度云盘不同的就是,它是通过命令行的方式操作的,而百度云盘有图形界面

技术图片

2.2.如何使用NPM

npm通过命令行的方式来管理包,常用的命令如下:

1 初始化项目

npm init

这条命令运行后,会在项目文件夹下生成一个package.json的文件,记录一些关于项目的信息,如果加上 -y 参数,表示默认所有配置项目

npm inint -y

2 安装包

npm install  包名称 --save-dev

实例:安装jquery

npm install jquery --save

其中,jquery就是非常著名的库,--save表示安装的是项目依赖包,你可以理解为项目上线以后还需要使用的包,我们就用加 --save这个参数,如果一些开发的时候辅助开发的工具,我们需要用--save-dev来保存,例如:安装babel-cli

npm install bable-cli  --save-dev

注意:babel是一个编译转换工具 把ES6代码转换成ES5代码的

--save 和 --save-dev 它们记录包的位置也不一样,在package.json文件中,它们的记录的位置如下图:

技术图片

螺钉课堂视频课程地址:http://edu.nodeing.com

ajax前后端交互原理(2)

标签:nod   项目上线   交互   ref   ack   使用   web   方式   位置   

原文地址:https://www.cnblogs.com/dadifeihong/p/12030683.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!