vue项目的一些必备知识点

目录

1.npm -i 与npm install 的区别

2.npm装包时-S和-D的区别

3.开发环境和生产环境区别

4.项目中依赖和插件的区别

5.哪些依赖应该是开发依赖哪些应该是生产依赖

6.npm install 、npm install --production 、npm install --save 、 npm install --save-dev

7.下载安装部署一个新项目时:遇到npm报各种错


1.npm -i 与npm install 的区别

① npm i 安装的模块及依赖,使用npm uninstall是没有办法删除的,必须使用npm uninstall i才可以删除
②npm i 会帮助检测与当前node最匹配的npm的版本号,并匹配出相互依赖的npm包应该升级的版本号
③npm i 安装的一些包,在当前的node版本下是没有办法使用的,必须使用建议版本
④npm i安装出现问题是不会出现npm-debug.log文件的,但npm install 安装出现问题是有这个文件的。


2.npm装包时-S和-D的区别

1、npm install name -save 简写(npm install name -S) 自动把模块和版本号添加到dependencies。
-S后,安装包会在package中的 dependencies 对象中。简称dep。dep是在生产环境中要用到的。
2、npm install name --save-dev 简写(npm install name -D) 自动把模块和版本号添加到devdependencies。
-D后,安装包会在package中的 devDependencies对象中。简称dev。dev是在开发环境中要用到的。
举个栗子:
构建工具:webpack是用来压缩代码,打包等需要的工具,程序实际运行的时候并不需要,就要放在dev中所以要用 -D。
项目插件:例如axios、element-ui这种插件要在运行中使用的,就要放在dep中所以就用 -S。

3.开发环境和生产环境区别

  • 生产环境,项目打包后还需要留存的插件。例如:element-ui/better-scroll/vuex等。
  • 写入package.json的“dependencies”。
  • 开发环境,安装项目的一些依赖,项目打包后不需要留存的一些工具。例如:eslint/less-loader等。
  • 写入package.json的“devDependencies”。

4.项目中依赖和插件的区别

依赖就是一个功能包,里边封装了一些开发好的功能,在需要用到地方引入这个包就可以使用。类似于一个jar包,只要有运行环境就可以运行。使用起来比较灵活。

如axios,vuex,element等,安装依赖是这种命令

npm install axios --save

插件是帮助软件更好,更方便的使用依赖的。依赖于一个软件环境(这里注意不是运行环境)的,属于软件的一部分功能

如eslint等,安装插件是这种命令:插件一般自动安装在开发环境中

vue add @vue/cli-plugin-eslint

5.哪些依赖应该是开发依赖哪些应该是生产依赖

环境和依赖搞清楚,开发环境都生产依赖和开发依赖要用

开发环境=生产依赖+开发依赖

生产环境=生产依赖

生产依赖是指你的项目在运行时候 需要用到的(比如vue)。开发依赖(或者我更愿意叫编译依赖)是你的项目在编译构建的时候用到的(比如eslint等)

开发依赖打包时不会被加进应用中

拿Elementui为例,打包出来的应用需要依赖 Element-UI ,所以应该在生产依赖里,安装的时候应该是 --save安装

开发时需要安装开发和生产依赖,但是程序运行的时候,只需要生产依赖就可以(node 应用就是个很好的例子)。

这个时候你如果把elementui放到开发依赖里面去,就导致生产环境缺失这个依赖而出错。

6.npm install 、npm install --production 、npm install --save 、 npm install --save-dev

首先四个都会下载js包到moudles里面,只是package.json里面不同
npm install 安装所有依赖
npm install --production 安装生产依赖
npm install xx --save 安装XX到生产环境依赖
npm install --save-dev 安装XX到开发环境依赖

7.下载安装部署一个新项目时:遇到npm报各种错

   7.1首先检查node环境,可能版本太高或太低,一般控制台就会提示

   7.2然后检查镜像问题,淘宝镜像或公司镜像可能都存在包下载不全的问题,两个都用下

   7.3遇到一些报错,遇事不觉,把node_moudles删掉,还要把package-lock.json删掉(重要)
 

  • 4
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值