在一个 Vue-Cli 的项目中发现使用 cnpm install安装依赖库有些小问题,导致在WebStrom上无法识别库的自定义标签,也无法跳转到自定义标签的源码。
举例
1 | cnpm install element-ui -S |
使用标签 <el-button/> 时,webstrom提示 Unknown html tag el-button
查看 node_modules 目录,发现element-ui 有两个目录。
1 | _element-ui@2.8.2@element-ui |
其中element-ui是_element-ui@2.8.2@element-ui的引用(Windows下文件夹图标有个箭头)。
而用npm install 安装时,就只有element-ui一个目录,WebStrom 可以识别到库的自定义标签,可以跳到自定义标签的源码。
如何更正
如果已经使用cnpm安装了软件库,那么如果改为npm呢?
- 如果是一两个软件库,使用
uninstall命令删掉,重新install一遍即可。 - 但比如的整个项目都是用
cnpm install,直接把node_modules目录删掉,重新执行npm install命令即可。
网速慢的问题
参考《npm淘宝源》 对 npm 做配置。