Fork me on GitHub

基于node开发的常见工具

我们知道学习nodeJS,我们会发现我们在使用各种各样的工具,使用这些工具,让我们在项目开发中能达到事半功倍的效果,今天自己也把自己常用的工具分享一下。

工具1.nodemon

  • 作用:实现文件代码改变重启
  • 下载:npm install -g nodemon
  • 命令:nodemon -h查看帮助文档
  • 使用:nodemon即可以启动

    工具2.http-server

  • 作用:以服务器的方式启动,可以快速启动一个服务器
  • 下载:npm install -g http-server
  • 命令:nodemon -p 6000启用一个端口号为6000的服务器(默认8080端口)
  • 使用:nodemon即可以启动
    1
    2
    3
    4
    5
    6
    npm install http-server -g    全局安装
    http-server [path][options] 用法
    http-server -p 端口号 //指定端口号
    http-server的别名hs
    使用npm root -g可以查看全局命令安装的路径
    npm uninstall -g 包名 //卸载全局安装的包名

工具3.browser-sync 前端可视化开发

  • 在多个浏览下同步,可以提高开发效率
    1
    2
    3
    4
    npm install -g browser-sync  // 全局安装
    Browser-sync start --server --files'css/*.css' // 开启css文件下的所有的.css文件
    Browser-sync --server --files'*.html,css/*.css'//监视多个文件同步刷新页面
    browser-sync start --proxy '127.0.0.1:3000' '**/*.*'//开启代理

工具4.less

1
2
3
4
5
6
7
8
9
10
补充知识:vim编辑器
touch a.txt //新建一个a.txt文件
vi a.txt //编辑a.txt文件
i: //insert模式
esc //退出插入模式
:wq //保存并退出
pwd // 打印工作目录
ls //查看当前目录
cat a.txt //查看文件内容
rm a.txt //删除文件
1
2
3
4
5
在cmd中:
lessc style.less //把结果输入到控制台上
lessc style.less c.css //把编辑结果指定到.css文件中
在代码中使用:less:首先局部安装less在node_module中:
const less = require('less')

工具5.hexo

  • 基于node开发的静态博客生成器
  • npm install -g hexo-cli

工具6.nvm

Github上有它托管的地址
全称:node version manager
解压,直接下一步
https://github.com/coreybutler/nvm-windows windows版本地址记住要下载最新的版本
在”release”中找到nvm-setup

  • 作用:管理你的node版本
    1
    2
    3
    4
    5
    6
    nvm  install 版本号   //根据版本号安装node
    nvm uninstall 版本号
    nvm use 版本号 //使用这个版本的node
    nvm list available //列出所有已经安装的node环境版本
    nvm proxy 代理地址 //设置代理地址
    例如:nvm proxy 127.0.0.11080 //自己本地的赛风代理端口号

工具7.cnpm

淘宝提供了一个代理工具,安装cnpm:
淘宝npm镜像源地址:npm install -g cnpm --registry=https://registry.npm.taobao.org

  • 基本使用:
1
2
3
4
5
6
cnpm install [--save] 包名
Cnpm uninstall [--save] 包名
Cnpm install -g 工具包
Cnpm uninstall -g 工具包
cnpm init
使用cnpm ,cnpm就会默认使用淘宝搭建的npm服务器

工具8. nrm

如果有的公司在公司内部搭建了一个自己的私有的npm仓库,你可能频繁的进行npm镜像源地址的切换

还有一个工具,叫做nrm(npm registry manage),可以用来管理多个镜像源地址
第一步:安装nrm
npm install -g nrm --registry=http://registry.npm.taobao.org

1
2
3
4
5
使用:
nrm ls //查看当前可用的镜像源地址
nrm current //显示当前正在使用额镜像源地址
nrm use npm(镜像源名字) //切换镜像源的地址,这里是切到官方的地址
nrm add 名称地址

工具9.yarn

安装yarn:和npm工具基本上一样

1
2
3
4
5
yarn  init   -y     //初始化   生成packpage.json
yarn add jquery //添加依赖项
yarn remove jquery //删除依赖项
离线下载:添加参数
yarn add jquery@3.1.1 --offline

工具10.marked

  • A markdown parser built for speed
  • npm install marked –save

工具11.iconv-lite

  • 内置了很多的字典

    工具12.formidable

  • 解析文件上传

    工具13.moment.js

    -javascript日期处理类库

    工具14.ejs

  • javscript模板
-------------本文结束感谢您的阅读-------------