目录

  1. 查看 npm & node 版本
  2. 配置淘宝 npm 镜像源
  3. 使用 npm 命令管理模组
  4. 安装配置 node.js
    1. 使用 n 进行下载安装
    2. 通过官网下载安装
  5. 常见问题总结
    1. 迁移项目的重新配置
    2. Error: Cannot find module ‘semver’
    3. 配置 node 依赖和缓存文件
    4. No parser and no filepath given, using ‘babel’ the parser now but this will throw an error in…
    5. node-sass 安装失败
    6. cnpm 无法使用
    7. node 版本升级
  6. 附录

查看 npm & node 版本

由于前端项目具有明确的版本要求，然而使用 Linux 系统软件源进行安装的版本比较落后，此时进行项目的运行通常会产生诸多问题，因此需要进行软件的升级

1
2
npm -v
node -v

配置淘宝 npm 镜像源

访问一部分外围镜像时延较长，因此可以选用国内的 npm 镜像下载

1
npm install -g cnpm --registry=https://registry.npm.taobao.org

而后使用npm进行的命令都可以相应的换成cnpm使用

FAQ

也许是淘宝不经常维护这个网站，通常使用cnpm安装包时依旧存在一些依赖关系。此时，仍然需要使用 npm 进行安装

使用 npm 命令管理模组

1
2
npm install <Module Name>		#安装模组
npm uninstall <Module Name>		#卸载相应的模组

FAQ
如何不指定模组姓名，会在当前目录中查找package.json解析包之间的依赖关系，从而进行包的安装

安装配置 node.js

系统给我们提供了对node.js的管理工具:n

1
npm install -g n    # n管理工具的安装

使用n工具安装、更新 node.js 具有两种方式：

  1. 直接使用 n 进行下载安装
  2. 自行到官网下载源代码，而后解压在 n 管理工具的目录下

使用 n 进行下载安装

1
2
3
n 13.11.0		#会自动前往node官网下载
n --stable		#安装稳定版
n --latest		#安装最新版

软件包下载完成之后，默认已经将下载的 node 作为当前使用的 node，可以node -v进行查看检验

通过官网下载安装

Node 官网已经把 linux 下载版本更改为已编译好的版本了，我们可以直接下载解压后使用：

1
2
3
4
# wget https://nodejs.org/dist/v10.9.0/node-v10.9.0-linux-x64.tar.xz    // 下载
# tar xf  node-v10.9.0-linux-x64.tar.xz       // 解压
# cd node-v10.9.0-linux-x64/                  // 进入解压目录
# ./bin/node -v                               // 执行node命令 查看版本

使用 ln 命令来设置软连接，将解压文件的bin目录下的相关命令放置到系统环境变量中

1
2
ln -s /YOUR/INSTALL/PATH/nodejs/bin/npm   /usr/local/bin/
ln -s /YOUR/INSTALL/PATH/nodejs/bin/node   /usr/local/bin/

配置国内镜像源

1
npm config set registry http://registry.npm.taobao.org

FAQ

使用n下载相关软件时，中途不要出现中断下载任务等情况，否则最终会由于 node 下载不完整，而盲目的将 node 版本切换过去，系统将会出现Segmentation fault.此时，需要借助 n 切换 node 的版本，然后删除出现故障的版本

1
2
n		#选择完好的node版本进行切换
n rm 13.11.0 #删除特定版本的node

常见问题总结

迁移项目的重新配置

如果项目只是简单的拷贝，则在运行npm run dev时可能会出现Node Sass does not yet support your current environment:...问题。这是由于缺少了相关依赖造成的，因此需要重新编译相关源代码

1
2
3
4
5
npm rebuild node-sass
#如果问题没有解决,将组件删除之后重新安装
npm uninstall --save node-sass
npm cache clean
npm install --save node-sass

Error: Cannot find module ‘semver’

升级node使得npm和node版本不匹配，造成最终能够使用 node 但是不能使用 npm

解决方法：将安装的最新版 node 以及旧版的 npm 应用均删除.再根据能够使用 npm 选择是否重新安装

1
2
3
4
which npm
which node
rm -rf /usr/local/bin/npm
rm -rf /usr/local/bin/node

配置 node 依赖和缓存文件

如果安装node时没有做任何配置，全局安装的包将存在于系统的 C 盘中，此时最好将相关下载依赖移动到非 C 盘路径下

  • 首先使用npm config ls -l 或 npm config list查看默认配置，如果默认安装则一般配置都是
1
2
prefix = "C:\\Users\\Lenovo\\AppData\\Roaming\\npm";
cache = "C:\\Users\\Lenovo\\AppData\\Roaming\\npm-cache";
  • 重新配置
1
2
npm config set prefix D:\develop\nodejs\node_global\npm
npm config set cache D:\develop\nodejs\npm-cache
  • 查看修改后配置
1
2
npm config get cache    #查看cache 配置
npm config get prefix   #查看prefix 配置

No parser and no filepath given, using ‘babel’ the parser now but this will throw an error in…

出现的原因是Vue-loader的版本每跟上其他包的版本导致解析器不运行

通过将 Vue-loader 更新到 14.2.4 就可以解决了

1
npm install -S vue-loader@14.2.4

node-sass 安装失败

npm 安装 node-sass 依赖时，会从 github.com 上下载 .node 文件。由于国内网络环境的问题，这个下载时间可能会很长，甚至导致超时失败，使用其他源就可以解决

1
2
3
4
5
6
7
8
npm i node-sass --sass_binary_site=https://npm.taobao.org/mirrors/node-sass/

// 也可以设置系统环境变量的方式。示例
// linux、mac 下
SASS_BINARY_SITE=https://npm.taobao.org/mirrors/node-sass/ npm install node-sass

// window 下
set SASS_BINARY_SITE=https://npm.taobao.org/mirrors/node-sass/ && npm install node-sass

cnpm 无法使用

在 Linux 下安装的npm由于脚本所在位置不同，所以存在系统找不到命令的情况，只需要将安装的脚本也加入到系统的环境变量中就可以了

1
2
3
4
npm uninstall cnpm -g   # 先删除已经安装的cnpm
npm install -g cnpm --registry=https://registry.npm.taobao.org #重新安装 cnpm
ln -s /YOUR/INSTALL/PATH/node-v10.15.1-linux-x64/bin/cnpm /usr/local/bin/cnpm   #将脚本链接到环境变量中
cnpm -v #测试是否成功

node 版本升级

可以使用模块管理工具 n 的命令对 node 进行升级

命令含义
升级到指定版本n VERSION,如n 10.0.0
安装最新的版本n latest
安装最近的稳定版本n stable

附录

C 盘清理，移动 node 依赖和缓存文件
node-sass 安装失败报错的原因及解决办法(整理)
No parser and no filepath given, using ‘babel’ the parser now but this will throw an error in …
Module build failed: Error: Node Sass does not yet support your current environment: OS X 64-bit wit
npm 安装 chromedriver 失败的解决办法
node 版本如何升级