美文网首页React Native
npm和package.json

npm和package.json

作者: 岚平果 | 来源:发表于2019-01-08 08:48 被阅读0次

    一、cmd下载命令指令简介
    1、关于命令参数:
    install可以简写成i,-global可以简写成-g,i -g位置无限制,npm包跟在i后面,用多个空格分离即可
    2、关于版本
    通常不需要指定版本号默认下载最新版本:npm i xxx;如何需要下载指定版本:
    通常版本有两个参数:^和~
    ^2.11.1代表主版本号不变,版本域为[2.11.1,3.0.0)
    ~2.11.1代表主、次版本都不变,版本域为[2.11.1,2.12.0)
    总之,如何希望用vue1版本的最新版本,npm i vue@^1

    二、npm相关命令的使用
    1、npm info xxx
    查看xxx包的package.json文件,主要查看xxx包的版本号;例子:npm info webpack
    2、npm init
    初始化项目,根据node_modules文件夹里的包,在当前文件夹下,生成一个package.json文件
    3、npm install xxx
    在当前目录下载xxx包:会在当前目录建立一个node_modules文件夹,xxx包就放在里面,xxx的依赖包,会被下载到和xxx包同级的目录下
    4、npm install -g xxx
    在npm的全局安装目录下,下载xxx包;会在npm的全局安装目录下建立一个node_modules文件夹,xxx包就放在里面,xxx的依赖包,会被下载到xxx包里面的node_modules的目录下
    5、npm install --save
    在package.json文件里的dependencies的属性下,添加xxx包名和版本号
    6、npm install --save-dev
    在package.json文件里的devDependencies的属性下,添加xxx包名和版本号
    7、npm install
    根据package.json,下载相应的包到当前目录下

    三、package.json简介
    1、scripts

    "scripts": {
      "dev": "webpack --config build/webpack.dist.dev.config.js",
      "dist:style": "gulp --gulpfile build/build-style.js",
      ...
    } 
    

    scirpts里面放的就是window命令窗口运行的命令,为了方便执行或者为了统一管理,把这些命令写成json键值对格式。运行的时候,直接npm run xxx(这里的xxx,是scripts里面的key);例子;npm run dev

    2、dependencies、devDependencies,一般在GitHub上,我们上传代码。只需要把package.json上传就可以,不需要上传node_modules,太大了。其他人下载,只要下载package.json。然后npm install即可。所有说,需要这两个依赖说明
    dependencies一般记录生产环境(实际上线代码)需要的用的依赖包,例如vue、express等等
    devDependencies一般记录的是开发环境需要用的依赖包,项目生产环境(实际上线代码),则完全不需要;例如gulp、webpack等等

    相关文章

      网友评论

        本文标题:npm和package.json

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