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 '********/你电脑中的工程目录'

工作之余匆匆记录,方便日后再安装环境,如有问题欢迎指出。

Logo

为开发者提供学习成长、分享交流、生态实践、资源工具等服务,帮助开发者快速成长。

更多推荐