开启掘金成长之旅!这是我参与「掘金日新计划 · 12 月更文挑战」的第27天,点击查看活动详情
安装Head可视化插件
首先需要依赖node.js和npm环境
1 安装node.js
官方下载地址:nodejs.cn/download/ 下载LTS版本(长期稳定版本)
安装可以更改安装路径,其余的都是选择 下一步傻瓜是安装
安装成功后如下
命令测试
node -v 查看node的版本
npm -v 查看npm的版本(新版的node安装自带安装npm)
2 配置环境变量
配置全局安装的模块路径和缓存路径(不一定是安装路径)
在nodejs文件夹,创建 node_global
在nodejs文件夹,创建 node_cache
打开cmd执行配置路径的命令
npm config set prefix "D:\Tools\Node\node_cache"
npm config set cache "D:\Tools\Node\node_global"
新增系统环境变量
NODE_PATH
D:\Tools\Node\node_global
编辑用户变量Path 点击新增存放node_global路径
D:\Tools\Node\node_global
全局安装最常用的 express 模块 进行测试 执行命令
执行命令 需要右键选择以管理员的身份运行!
npm install express -g # -g是全局安装的意思
3 全局配置淘宝镜像(cpnm)
执行命令
npm install -g cnpm --registry=registry.npm.taobao.org
出现错误
解决错误
1 删除C:\Users\用户\下的.npmrc文件
2 在命令行输入npm cache clean --force
执行成功后会出现npm WARN using --force I sure hope you know what you are doing
然后重新输入淘宝镜像
最后执行cnpm -v得到信息
4下载Headn客户端
Head下载地址:github.com/mobz/elasti…
下载到本地并且进行解压缩
安装github上说明一步一步来即可
在项目里面打开cmd 小技巧:在项目目录中输入cmd回车,就可打开本地的cmd
5执行命令下载依赖
cnpm install
下面会有一些过时错误,不用管
查看modules目录,依赖已经全部下载了