npm

作者: iOS_成才录 | 来源:发表于2016-03-16 09:39 被阅读861次

    1、npm

    • 1、安装 npm
      • 最简单的方法就是去安装一下 nodeJS,去https://nodejs.org
        下载一下最新的 nodeJS安装
    打开命令行 输入
    node -v (nodeJS 的版本 )
    npm -v  (查看一下 npm 的版本)
    sudo npm install npm --global (单独去更新一下 npm工具, mac 需要管理员的权限, 需要再加上一个 sudo)
    
    • 2、使用npm在全局范围内安装与删除包
    • 全局范围其实指的就是你的电脑,也就是安装的东西在你的电脑上的任何地方都可以使用。这些在全局范围里面安装的包一般就是一些命令行工具
    ```
    npm install forever --global ( 安装包)
    npm uninstall forever --global (删除包,global 就是全局的意思 .. 它的简写形式是一个 -g)
    
    
    + 3、在本地项目内安装包
     - npm 为本地的项目去安装一些包,也就是你安装的包只能在你安装它的这个项目内部去使用
    

    cd ~/desktop
    mkdir project // 创建项目目录
    cd project // 进入目录
    npm install underscore // 使用npm安装包
    tree // 查看项目目录(想使用这个小工具你需要单独安装一下它,会发现在项目目录的下面,会多了一个 node_modules 目录 ,为本地项目安装的 package 都会放到这个 node_modules 目录的下面)
    npm list // (查看一下为项目安装的包,简写:npm ls;你会看到刚才我们安装的 underscore)
    ```

    • 4、安装指定版本的包
      • @ 符号后面是这个包的版本号 , 默认使用 npm 安装的包都是最新的版本,如果有些特别的原因你需要使用指定版本的 package ,可先查看包相关信息 : “ npm info 包名字"
     npm info underscore // 查看包信息
     npm install underscore@1.6.0   // 安装包underscore的1.6.0 版本
    // 注意: 删除指定版本包:可使用" npm uninstall underscore",完成以后再查看一下包的列表" npm list " -> 显示 empty
    
    • 5 、npm 配置文件 package.json
      • package.json 有点像是一个配置文件,你可以在这个文件里面描述一下我们的项目,比如项目的名字,作者,描述,版本号,依赖的 package 等等。
      • 你可以手工创建这个文件,它里面至少要包含名字还有版本号,项目的名字可以使用英文,连字符还有下划线 .. 注意项目的名字里面不能包含空格 ..
        cd  项目目录文件  // 进入项目目录,
        npm init // 这个命令会问我们一些问题,然后根据我们的回答,去创建 package.json 文件 ,  可一路回车
        ls -l
        cat package.json
      
    + 6、使用package.json
      - 有了 package.json 以后,在为项目安装包的时候,可以把安装的包保存到 package.json 文件里的 dependencies 或者 devDependencies 里面,这样做可以更容易跟别人分享我们做的项目..
    
    
    cd  项目目录文件  // 进入项目目录
    cat package.son // 查看package.json,dependencies 字段,这里的东西就是我们的项目依赖的一些 packge ,devDependencies字段:包含开发项目的时候需要的一些 package,
    npm install underscore --save  // 给项目安装一个 underscore,把它保存到 package.json 里面,要加上一个 --save 选项 
    cat package.json // 完成后查看package.json 
    npm install babel-cli  --save-dev // 添加项目开发依赖
    
     ![package.png](https://img.haomeiwen.com/i831339/904126ed6e0b12b3.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
    
    - 查看一下 package.json .. 在它的 devDependencies 里面会包含 babel-cli 这个包 .. 在跟别人分享你的项目的时候,你可以删除掉项目里的 node_modules 目录 .. 别人得到你的项目以后,进入到项目的目录的下面,输入 npm install ,这个命令会根据 package.json 文件里的描述,去为项目安装依赖的东西 ..
    

    1、
    cd 进入项目目录
    rm -rf node_modules 删除掉 node_modules 目录
    npm list 会提示没有安装的项目的依赖
    npm install 完成以后,项目的目录下面,又会多了一个 node_modules 目录 , 它里面的东 西就是项目依赖的包
    2、
    npm uninstall underscore --save // 如果你想删除为项目安装的包,同时又想把它从 package.json 的 dependencies 里面去掉 .. 可以这样
    npm list 查看一下包的列表 , 这里已经找不到 underscore 了
    cat package.json // 再看一下 package.json // 它的 dependencies 里面,也没有了 underscore

      ![2.png](https://img.haomeiwen.com/i831339/e26663228ea010df.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
    
    - 7、更新本地安装的包
    

    npm info gulp // 查看包gulp信息
    npm install gulp@2.0.0 --save-dev // 先去给项目安装开发依赖包老2.0.0版本的gulp
    npm list l grep gulp // 查看一下当前项目安装的包
    npm outdated // 检查更新,会显示所有更新的包

    
     ![3.png](https://img.haomeiwen.com/i831339/f665a49671bc43b8.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
    - 这里会显示可以更新的包 .. 我们的项目当前使用的 gulp 是 2.0.0 .. 可以更新到 2.7.0 .. latest ..表示最新的版本 .. 这里是 3.9.0 ..
      + 你可能会纳闷为什么不能更新到最新的 3.9.0 .. 这是因为在我们的项目的 package.json 文件里面设置的事儿 
         - 可以把 ^ 换成 ~ 号, 也就是这个三位版本号里的最后一个数字可以更新, 回到命令行 .. 再执行一下 npm outdated .. 这次你会发现,可以更新的版本变成了 2.0.1 
    
    

    1、用编辑器打开项目的目录 .. 找到 package.json,devDependencies 里面,可以看到有 gulp 这个包, 对应的版本号的前面的^ 表示只能更新版本里面的第二位数字
    2、 把devDependencies的^ 换成 ~ 号,就可更新这个三位版本号里的最后一个数字,
    3、 回到命令行,输入npm outdated,

     ![4.png](https://img.haomeiwen.com/i831339/087fb1cb53e82ed4.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
    
    ![5.png](https://img.haomeiwen.com/i831339/136f7e66cc44e43b.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
    
    
    ![6.png](https://img.haomeiwen.com/i831339/c687c2fc1633884b.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
    

    4、同理,版本号换成 * 号,保存 ,再执行一下 npm outdated,现在显示可以更新到的就是这个包的最新的版本了 ...

    要注意 2.x 到 3.x 会有很大的变化,可能会让我们正在使用的一些功能不能用了 .. 所以安全点的做法还是使用那个 ^ 符号

    5、 想要去执行一下更新,可以使用 npm update 这个命令 , 完成以后再查看一下当前安装的包 ,npm list l grep gulp ,显示 gulp 这个包已经被更新了

    
    + 8、使用快速的安装源:nrm
      - 在使用 npm install 的时候,会从一个默认的源里下载需要安装的东西 .. 有时候这个源可能不是最快的 .. 特别是在国内,可能会遇到网络问题 ,我们可以使用 nrm 这个工具去更换 npm 安装包的那个源 ... 比如可以使用淘宝提供的源 
    
    
    

    sudo npm install nrm --global // 安装一下 nrm , 这样我们就可以使用 nrm 这个命令行工具了, sudo获取权限
    nrm ls // 查看可以使用的源,这里列出的就是一些可以使用的安装源 .. 这个 npm 的前面带一个 * 号,表示它是当前使用的安装源
    nrm test // 测试你的电脑连接这些源的速度 .. 返回的就是可以使用的源,还有你连接它们的速度
    nrm use taobao(源名) // 切换安装源用,连接 taobao 这个源最快 .. 所以可以把 npm 的安装源换成 taboo , 现在,你再用 npm 安装东西的时候,这些东西就会从 taobao 这个安装源去下载 .

    
    ![7.png](https://img.haomeiwen.com/i831339/a05a9c1bedee7649.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
    
    ![8.png](https://img.haomeiwen.com/i831339/cb79343662e0f0ce.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

    相关文章

      网友评论

          本文标题:npm

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