Vue中 npm install,npm install -save,npm install -save-dev的区别

vue 496849654@qq.com 4年前 (2020-12-02) 1355次浏览 0个评论

安装方式

我们在通过cnpm安装插件或库时,有三种方式:

cnpm install:将插件安装到项目,但不写package.json(不推荐,这样最终需要手动添加)

cnpm install –save:将插件安装进项目,并写入package.json的dependencies中

cnpm install –save-dev:将插件安装进项目,并写入package.json的devDependencies中

很明显,–save表示保存到package.json中(默认为dependencies),-dev表示保存在package.json的devDependencies中

区别

dev是develop的缩写,即表示开发模式,所以:

devDependencies保存的依赖是只用于开发环境,不用于生产环境;

dependencies保存的依赖用于生产环境。

生产环境与开发环境

所谓开发环境,就是指开发阶段,比如webpack,gulp这些工具,都只是在开发阶段需要,一旦项目真正投入使用,便不再依赖这些插件,所以将其安装在devDependencies即可;

生产环境,则表示项目真正投入使用时,此时仍然需要依赖的插件则需要安装在dependencies中,比如vue,vue-router,jQuery这些,dependencies中没有这些插件,项目真实使用时就会出错。


css315 , 版权所有丨如未注明 , 均为原创丨本网站采用BY-NC-SA协议进行授权
转载请注明原文链接:Vue中 npm install,npm install -save,npm install -save-dev的区别
喜欢 (31)
发表我的评论
取消评论

表情 贴图 加粗 删除线 居中 斜体 签到