idea中npm安装总结与node-sass依赖安装等常见问题避坑总结
npm项目每个新工程都需要重新安装一遍依赖,原因大概就是因为nodejs中package.json中的依赖必须每个项目都有自己的node_modules文件夹,而无法在多个项目之间共用一套node_modules(像Java中的Maven那样)。虽说不经常装,但是每次装起来步骤都记不清,最近有机会再次安装,便简单总结下。
既然在idea中安装npm了,所以一下操作的背景就是电脑中已安装了node.js。
首先安装npm:npm install
如果觉得npm操作过慢,可以安装淘宝镜像:npm i -g cnpm --registry=https://registry.npm.taobao.org,然后使用cnpm 替代npm来安装
避坑node-sass:
在install的过程中出错率比较高的,就是node-sass这个依赖,会出现很多问题:
1.可能会报错下载失败
2.也可能报错版本过高
3.报错:Failed to compile.等等。
总之很特殊,那我们需要特殊对待:
1.出现问题的原因就是node-sass依赖下载的有问题,最可能是命令的问题,cnpm与yarn命令都存在无法下载的情况,需要使用npm命令
2.版本过高的情况,我们可以卸载这个依赖重新下,我使用的语句如下,可以根据自己的版本来
//清除缓存
npm cache clean --force
//卸载重装
npm uninstall node-sass
npm install node-sass@4.14.1
安装Vue脚手架:vue-cli
可以看到在安装之前使用指令vue -V(注意字母是大写的V)会报错
安装成功后则显示vue版本号
安装命令:npm i -g vue-cli
还有一点需要注意的是,如果是第一次在开发工具中安装vue环境,idea为例,需要在file-settings-plugins-installed这个目录下看看是否开发工具安装vue插件,没有需要在隔壁市场上安装。
安装webpack打包工具:cnpm install -g webpack
执行运行命令:npm run (script),package.json中可看到script对应的启动命令,一般是dev/serve,启动成功
最后避坑一个隐蔽的问题,在安装的过程中,命令的操作位置一定在工程下一级目录,与src同级的位置操作,否则会让依赖找不到,报错这样的问题:
ENOENT: no such file or directory, scandir '********/你电脑中的工程目录'
工作之余匆匆记录,方便日后再安装环境,如有问题欢迎指出。
更多推荐
所有评论(0)