zoukankan      html  css  js  c++  java
  • 好用的npm模块记录

    标签: node


    node盛行的今天,前端开发已经离不开npm模块的使用,大名鼎鼎的如gulp,webpack等,此处不多说,除了它们有那么几个常用的npm模块是我喜欢并依赖它的,下面就是我平时工作中经常用到并且十分喜爱的npm模块

    1. nrm npm源管理工具

    工作中经常要使用npm安装包,但是总有一堵墙在那,要么等半天,要么直接搞不起,虽然可以手动设置npm的安装源,如果改了源,你想发布自己的npm包,你又需要改回去,或者干脆换成cnpm,cnpm又会偶现装包失败或者没有的情况,这时你就需要一个可以随时切换npm安装源的工具:nrm 详细说明

       npm install nrm -g 
       # 查看当前支持的源
       nrm ls
       # 切换到指定源
       nrm use <源名称> 
       # 查看当前使用源
       nrm current 
       # 添加源
       nrm add <源名称> <url>
       # 删除源
       nrm del <源名称>
       # 测试源速度
       nrm test <源名称> 
    

    2. rimraf 轻松删除顽固文件

    工作中经常安装npm,因为网络原因或者别的问题想重新安装npm,这时需要手动删除当前的node_modules,但是绝大多数的node_modules目录嵌套很深,删除老是失败,这时你就需要它:rimraf 详细说明

        npm install rimraf -g
        # 删除指定目录,支持多个,通过空格隔开
        rimraf 目录名
    

    3. http-server 轻松跑起本地服务器

    在写前端页面中,经常会在浏览器运行HTML页面,从本地文件夹中直接打开的一般都是file协议,当代码中存在http或https的链接时,HTML页面就无法正常打开,为了解决这种情况,需要在在本地开启一个本地的服务器,而又不想依赖第三方的虚拟服务器如WampServer,phpstudy等,那就可以使用它:http-server 详细说明

        npm i -g http-server
        # 启动一个8080端口的服务器
        http-server -p 8080
        # 启动一个禁用缓存的本地服务器
        http-server -p 8080 -c-1
    

    4. npx 局部运行node命令

    对于一些局部安装的node包,又不想全局安装怕污染全局环境或者只想临时安装一个包,则可以使用它:npx,npx更多高级玩法

        # 查看当前目录下安装的gulp版本
        npx gulp --version
        # 强制使用本地模块,如去掉--no-install npx在本地找不到会下载远程模块再运行
        npm --no-install http-server
        # 从npm下载这个版本的 node,使用后再删掉
        npx node@0.12.8 -v
        # 临时安装多个模块并运行
        npx -p lolcatjs -p cowsay -c 'cowsay hello | lolcatjs
        # 执行 Gist 代码
        npx https://gist.github.com/zkat/4bc19503fe9e9309e2bfaa2c58074d32
        # 执行仓库代码
        npx github:piuccio/cowsay hello
    

    5. Browsersync 省时的浏览器同步测试工具

    工作中有总结出一套基于gulp(webpack)的多页脚手架项目地址,对于本地开发服务器这一块我选用的就是Browsersync,Browsersync能让浏览器实时、快速响应您的文件更改(html、js、css、sass、less等)并自动刷新页面。更重要的是 Browsersync可以同时在PC、平板、手机等设备下进项调试,代码修改,多端同步,一端操作也会多端同步,能为开发提高不少效率。官网链接

    其它待更新...

  • 相关阅读:
    第二天第三课:03-reques_header_two
    第二天第二节:02-request_header
    爬虫第二天第一课:01-get_params2
    爬虫第三天第二课:02-auth-use用户密码认证
    爬虫第三天:01-money-proxy-handler代理池
    设计模式(C#)——07装饰者模式
    设计模式(C#)——06桥接模式
    设计模式(C#)——05适配器模式
    设计模式(C#)——04原型模式
    设计模式(C#)——03建造者模式
  • 原文地址:https://www.cnblogs.com/xwwin/p/13357427.html
Copyright © 2011-2022 走看看