美文网首页
npm 相关笔记总结 by lazy_tomato

npm 相关笔记总结 by lazy_tomato

作者: lazy_tomato | 来源:发表于2021-01-06 17:03 被阅读0次

START

  • 本文算是番茄我个人,对npm常用的一些命令进行总结。
  • 或许有所遗漏,欢迎补充。

简单说明

  • npm简介:全称【node package management】, 是nodejs内置的软件包管理器。毫无疑问,npm是用来管理软件包的。 它是世界上最大的软件注册表,每星期大约有30亿次的下载量。

  • 由于是nodejs内置,所以我们需下载安装了nodejs,自带就有npm。

  • 可以在cmd命令行窗口输入

    // 查看node版本
    node -v
    // 查看npm版本
    npm -v
    
  • 没有安装nodejs,请访问node官网 nodejs.org 下载对应系统 偶数版本即可,下载完成打开,一直下一步傻瓜式安装即可。

    • 偶数版本为稳定版本,截止目前2020/12/23,最新的为14.xx.xx

    • node安装好后,需要简单配置一下,npm 下载地址 (默认是外网,会卡顿,修改成淘宝的)

    • npm i nrm -g
      nrm //有提示说明安装成功
      nrm use taobao //这样就好啦 
      

基本命令

以下命令,请在英文的路径下进行操作

  1. 初始化 package.json (包说明文件)

    npm init
    
  1. 查看 npm 的版本

    npm -v
    
  2. 安装第三包 (这里以jquery为例)

    npm install jquery
    或者 
    npm i jquery
    
    1. install 英文为安装 ,可简写为: i ,我个人是比较喜欢敲i ,能少敲,还是少敲吧,┓( ´∀` )┏
    2. 运行命令行的文件夹,必须初始化 package.json 文件,不然安装时会失败;
  3. 删除第三方包 (这里还是以jquery为例)

    npm remove jquery
    或者 
    npm r jquery
    
    • 和install同理 ,remove删除的意思 ,可简写为 r
  4. 在第三方包安装教程,往往可以看到很多,在安装命令之后会跟着这样一些字段 --save -S --save-dev -D ... 有的又什么都不带,弄的很是困扰。这里结合实际运行的效果,详细的说明一下.

    • 不加任何后缀
    • 添加后缀 --save -S
    • 添加后缀 --save-dev -D
    • 添加后缀 -g
  5. 简单解释

    后缀 效果
    不添加后缀 不写就会添加到生产依赖
    --save-S 添加到生产依赖
    --save-dev-D 添加到开发依赖
    -g 本地全局安装,安装后,可以在自己电脑本地运行对应的脚本命令
  • dependencies 生产依赖

    应用发布后正常执行时所需要的,但不包含测试时或者本地打包时所使用的包。

  • devDependencies 开发依赖

只用于开发环境是用的包,例如,wepack打包工具,vue本地调试工具,eslint 等等

图例:


生产依赖-开发依赖说明.png

END

  • 到这里就结束啦,

相关文章

  • npm 相关笔记总结 by lazy_tomato

    START 本文算是番茄我个人,对npm常用的一些命令进行总结。 或许有所遗漏,欢迎补充。 简单说明 npm简介:...

  • npm 相关

    1.新装第三方库 :npm install 库名 --save 2.复制或下载项目:npm install 3.安...

  • npm相关

    收集一些window下npm相关的资料。 1.npm未能加载Visual C++组件,解决办法win10 错误提示...

  • npm相关

    Vue:1,使用Vue需要用到脚手架 vue-li,安装的时候用webpack-simple安装脚手架2,使用之...

  • NPM相关

    npm 官网镜像国内访问太慢,这里我使用了淘宝的npm镜像,安装方法如下: 执行后我们就可以使用 cnpm 命令来...

  • npm相关

    1、npm安装模块 【npm install xxx】利用 npm 安装xxx模块到当前命令行所在目录;【npm ...

  • npm相关

  • Npm相关

    package.json scripts配置下的命令,可以在‎⁨项目的⁨node_modules⁩/⁨.bin⁩下...

  • npm相关

    (1)查看npm 仓库,修改仓库也可以修改这个配置文件,并source 有时候依赖报错,可以删除node_modu...

  • npm 相关

    查看包的所有版本 npm view package versions npx 简化模块调用npx 作用是执行某个模...

网友评论

      本文标题:npm 相关笔记总结 by lazy_tomato

      本文链接:https://www.haomeiwen.com/subject/jhqooktx.html