zoukankan      html  css  js  c++  java
  • npm火速上手

    npm,即node  package manager,翻译过来就是“node包管理工具”。“node包”是啥呢?它就是jquery啦、bootstrap啦之类的各种版本。

    1、npm的安装

    第一步,下载安装。npm的安装就是安装npm的运行环境,npm的运行环境就是“nodejs.org”,去这个官网上下载即可。node的作用是连接js和操作系统。本来js只能在浏览器上使用,但有了node之后,js就可以调用操作系统上的接口。因此,node是js和操作系统的桥梁。

    第二步,验证是否安装。打开电脑终端(【win+r】,运行【cmd】,回车),在终端里查看npm。以下为查看npm基本状态的几个指令。

    【npm -v】:查看安装的npm版本。

    【node -v】:查看安装的node版本。其实使用npm,本质上就是只安装了node,只不过是使用node下面的工具,也就是npm而已。

    【npm install npm@版本号】:更新npm到某一版本,若更新到最新版本的话,就直接【npm install npm@latest -g】即可。

    【ctrl+c】:打断进程。

    2、npm的常用操作

    第一个,【npm init -y】:npm初始化。使用这个指令后,会发现生成了一个“package.json”的文件。

    第二个,【npm install jquery】=【npm i jquery】:安装jquery。使用这个指令后,终端会提示安装了一个包(package),也就是jquery。同时会生成一个“node_modules”的文件,在这个文件下面,就会有“jquery”这个文件了。引用的时候,路径为“node_modules/jquery/dist/jquery.js”。

    第三个,【npm install】:会安装这个项目应该有的各种package。这样多个人共同写一个项目也不会乱了。

    第四个,【npm uninstall jquery】:卸载jquery。

    第五个,【npm update jquery】:更新jquery到最新版本。

    3、npm的常用配置项

    有的包是在生产环境下用的,比如axios、jquery,有的包是在开发环境和测试环境下用的,比如webpack。如果不明确说明,npm会默认安装在生产环境下。

    比如:安装生产环境的包【npm install jquery】=【npm install jquery -S】=【npm install jquery --save】

    在“package.json”文件夹里,会有一段代码叫做“dependencies:”,这里面存放的是在生产环境下的包。

    而在开发环境和测试环境下使用的依赖,使用的指令为【npm i webpack --save-dev】=【npm i webpack -D】,该命令执行后,会在文件夹里多了一段代码,叫做“devDependencies”,里面存了webpack这个包。

    4、安装包

    【npm list】:输入这个指令,可以看见包之间的依赖关系树。有时候,明明只是安装了一个包,却看到node_moudles里面一连串安装了十好几个包,就是因为包之间存在依赖关系。

    【npm view jquery versions】:通过这个命令,可以查看jquery从发版以来,截止到目前的全部版本号。

    一般来说,一个包的版本号由3个部分组成,以13.4.6来举例说明:

    13表示major,大版本,一旦更新,就是颠覆性的改变。

    4表示minor(次要的,轻微的),次版本号,一般是添加了一些新功能。

    6表示patch,对安装包打补丁,一般来说,偶数表示稳定的,因此一个大版本结束的时候,一般都是以偶数结尾的。

    【npm outdated】: 查看哪些安装包过期了。

    以axios为例,当前安装的axios版本为0.20.0,但是截止2021年3月份,axios的最新版本为其实是3.0.1,但是为什么这里的latest是0.21.1呢?

    打开package.json文件,找到axios,发现版本号的安装前,有一个“^”符号。这表示锁死第一位,即大版本号。因此查找过期安装包的时候,会按照0这个大版本号查找0版本号下的最新的版本号。

      "dependencies": {
        "animate.css": "^3.7.2",
        "axios": "^0.20.0"
       }

    如果是【"axios": "~0.20.0"】,表示锁死前两位。

    如果是【"axios": "0.20.0"】,表示锁死0.20.0这个版本。

    如果是【"axios": "*"】,表示安装的版本为最新版本。

    【npm cache clean --force】:清理缓存。有时候npm install 的过程中网挂了,没有安装成功,再次输入【npm install】的时候就会发现安装的特别快,这是因为有缓存。但是一旦安装不成功,以后再怎么【npm install】都不会成功的,还是删除node_moudules,然后使用这个指令,再重新按一次吧。

    【pwd】:表示当前项目所在的路径。

     

  • 相关阅读:
    写给太阳村张老师及其员工的公开信
    不尽的想法,不够的时间
    XP+新装SQL Server 2005出现无法连接的问题+解决
    【Windows编程】【网络编程】【基于网络端口通信的客户端应用程序】解决方案【示意程序】
    [VS2005SP1]如何创建从母版页继承的Web窗体?(SP1所带来的小小变更)
    小程序大问题,MSDN中一个小小示例所带来的疑问,一个关于DataList的一个简单应用
    [Oracle]ASP.NET+Oracle连接类conn.cs
    SQLServer2005出了点怪事~(应该是编码问题~)
    [ASPNET2.0]Membership类+SQLServer2005,AspNet_regsql.exe的使用
    Originality Life~Some Desktop Design (From Google Ideas)+ Pictures & PNG Files & 3DMAX Files download!
  • 原文地址:https://www.cnblogs.com/qingshanyici/p/10385742.html
Copyright © 2011-2022 走看看