我们知道学习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
6npm 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
4npm 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 | 补充知识:vim编辑器 |
1 | 在cmd中: |
工具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
6nvm install 版本号 //根据版本号安装node
nvm uninstall 版本号
nvm use 版本号 //使用这个版本的node
nvm list available //列出所有已经安装的node环境版本
nvm proxy 代理地址 //设置代理地址
例如:nvm proxy 127.0.0.1:1080 //自己本地的赛风代理端口号
工具7.cnpm
淘宝提供了一个代理工具,安装cnpm:
淘宝npm镜像源地址:npm install -g cnpm --registry=https://registry.npm.taobao.org
- 基本使用:
1 | cnpm install [--save] 包名 |
工具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
5yarn 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