zoukankan      html  css  js  c++  java
  • Node包管理工具

    Node包管理工具

    只是简单的介绍一些工具的使用,有利于开发过程。除了介绍Node包管理工具,还介绍了前端打包工具前端模块管理工具

    Node包管理工具:
        --npm
        --cnpm
        --Yarn
    优点:自动下载东西
          解决依赖:(在下我们需要的东西的同时,也会自动下载所需要的依赖包)


    1)npm:Node Package Manager
          node.js自带
          是node.js的一个包管理工具
        --npm help    查看所有的命令
        npm的所有命令为:
            access, add-user, adduser, apihelp, author, bin, bugs, c,
            cache, completion, config, ddp, dedupe, deprecate, dist-tag,
            dist-tags, docs, edit, explore, faq, find, find-dupes, get,
            help, help-search, home, i, info, init, install, issues, la,
            link, list, ll, ln, login, logout, ls, outdated, owner,
            pack, ping, prefix, prune, publish, r, rb, rebuild, remove,
            repo, restart, rm, root, run-script, s, se, search, set,
            show, shrinkwrap, star, stars, start, stop, t, tag, team,
            test, tst, un, uninstall, unlink, unpublish, unstar, up,
            update, upgrade, v, verison, version, view, whoami

    常用的命令:
      --npm install 名字
      --npm uninstall 名字
      --npm version   查看版本信息
      --npm upgrade 包名    更新已经下载的包
    npm上传自己的模块
    npm的官网:https://www.npmjs.com/
    1.npm注册,登录用户:
      npm adduser
      npm login

    2.检查
        npm whoami

    3.建立package
        npm init

    4.发布
        npm publish
            如果再次发布-->加版本号
    我们发布的模块就可以通过 “npm install 名称” 像其他模块一样安装了

    5.删除发布
        npm unpublish 名字 --force

    我们在开发的时候下载项目需要的模块时,可以将需要的模块保存在package.js中
      npm install 包名称 --save          将模块保存在dependencies里面
      npm install 包名称 --save-dev      将模块保存在devDependencies里面
    优点:当别人拿到你的项目时,直接 npm install 即可。这样项目需要的模块即可全部下载

    版本号的写法:
      version        固定版本
      >version
      >=version
      <version
      <=version
      ~version    近似版本(次要版本)  --> "babel-core": "^6.17.0" 一般用这个
      ^version    兼容版本
      *        任何版本
      a - b        a->b之间



    -g:全局安装,global的简称,表示下载之后在哪里都可以用
    安装grunt:  npm -g install grunt



    package.js部分解释:
      1.script:脚本,放的是预先定义好的一些命令
        npm start        启动
        npm stop        关闭
        npm restart        重启
        npm test

      2.files
          项目里面包含哪些文件
          如:你在上传到npm里面时,你要把自己需要上传的文件放到这个里面


    npm缺点:速度太慢

    一般使用cnpm:淘宝镜像
      安装:npm install -g cnpm --registry=https://registry.npm.taobao.org


    2)Yarn: FaceBook开发
      特点:快,有缓存
        1.先下载:官网(一个.exe安装包)
        2.使用
        自动安装package里所有依赖包:yarn/yarn install,自动生成一个yarn.lock 文件,   相当于-->npm install
        下载所需要的包: yarn add 包,     相当于-->npm install xxx --save
        删除不需要的包:yarn remove 包

    -----------------------------------------------------------------------------------


    前端打包工具:

    browserify:
        node.js编译、打包、给前台用
      1.安装:cnpm -g install browserify
      2.使用:
        当我们在前台页面引入很多js 文件时,比较麻烦,而且不利于加载
        特别是在node.js里面,模块化的使用中。
        使用方法:browserify 要编译的JS文件 > 结果文件
        如:browserrify  js/index.js  > build.js
        这时候在前端页面中就只需要引入build.js 即可

    browser-sync:
        同步-->同步多个终端(移动端/PC端)、同步源码和页面 (其实原理为基于 websocket 全双工同步)
      无须手动刷新,自动会同步刷新
      1.安装:cnpm install -g browser-sync
      2.使用:
        --1.需要browser-sync成为一个服务,一直在运行  browser-sync start --server
        --2.需要browser-sync能监视这几个文件,实现实时同步刷新
        跨终端同步,监视所以文件,最后为:
        browser-sync start --server --files "*"
        打开:提供了两个接口
        PC端: Local-->localhost:3000
        移动端:External-->100.115.3.48:3000


        提供browser-sync的一些UI配置:
          UI: http://localhost:3001
          UI External: http://100.115.3.48:3001
          如:Remote Debug --远程调试,例如手机端开发,可以通过这个进行调试



    ---------------------------------------------------------------------------

    前端模块管理工具:bower
    与上面的区别是上面的三种是基于node.js的,主要用于node.js的开发过程。而bower是一个前端模块管理工具,也能够解决依赖问题,在前端开发中也和好用。
    1.安装:
        --安装node
        --安装git,windows用户,需要装msysgit
        --全局安装bower:npm install -g bower
    2.使用:使用 git bush 即可输入命令
    使用 bower help 命令查看帮助
      常用命令:
        --bower --version:查看版本信息
        --bower info 包名:查看包所以版本信息
        --bower install<包名>:bower下载包
        --bower uninstall<包名>:bower卸载包

  • 相关阅读:
    Thread类常用方法
    sql 语句NVL()用法
    SQL极限函数limit()详解<分页必备>
    查询用户上次登录时间问题
    ROWNUM-Oracle中的分页代码
    分组统计查询
    Oracle中的多表查询
    Oracle中的单行函数
    JDBC中的事务-Transaction
    MySql中增加一列
  • 原文地址:https://www.cnblogs.com/yufann/p/Node1.html
Copyright © 2011-2022 走看看