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删掉（重要）