标签: 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 <源名称>
# 删除源
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 [email protected] -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、平板、手机等设备下进项调试,代码修改,多端同步,一端操作也会多端同步,能为开发提高不少效率。官网链接
其它待更新...