咸鱼

咸鱼是以盐腌渍后,晒干的鱼

0%

用cnpm安装软件库的一个问题

在一个 Vue-Cli 的项目中发现使用 cnpm install安装依赖库有些小问题,导致在WebStrom上无法识别库的自定义标签,也无法跳转到自定义标签的源码。

举例

1
cnpm install element-ui -S

使用标签 <el-button/> 时,webstrom提示 Unknown html tag el-button

查看 node_modules 目录,发现element-ui 有两个目录。

1
2
_element-ui@2.8.2@element-ui
element-ui

其中element-ui_element-ui@2.8.2@element-ui的引用(Windows下文件夹图标有个箭头)。

而用npm install 安装时,就只有element-ui一个目录,WebStrom 可以识别到库的自定义标签,可以跳到自定义标签的源码。

如何更正

如果已经使用cnpm安装了软件库,那么如果改为npm呢?

  1. 如果是一两个软件库,使用 uninstall 命令删掉,重新 install 一遍即可。
  2. 但比如的整个项目都是用 cnpm install ,直接把node_modules目录删掉,重新执行npm install命令即可。

网速慢的问题

参考《npm淘宝源》npm 做配置。