Npm环境安装、项目初始化以及插件安装

1

NPM环境安装

npm环境搭建的话，需要安装Nodejs,可以打开百度首页输入nodejs进行搜索：

具体安装这里可以参考之前写的文章：

Node.js环境搭建以及常见npm用法

注意事项：

1、安装完之后，需要配置环境变量方可使用

2、配置环境变量后，要重新打开一个新的cmd窗口，输入node -v  以及 npm  -v 去验证下环境变量是否配置成功。（这里建议环境变量按照安装目录配置一个NODE_HOME，方便以后切换不同的版本）

3、现在最新的版本比较高，但是不建议使用最新的版本，避免初学者在使用过程中遇到问题。

2

NPM的使用

1、项目初始化操作

在本地建一个空的文件夹，然后在当前路径下打开cmd窗口（在资源管理器中输入cmd即可）：

输入 npm init 即可初始化一个项目。输入命令后需要手动输入项目名、版本、描述信息、仓库地址等一系列的信息，部分可以直接敲回车跳过

觉得繁琐的话，可以直接输入npm init -y ，则会采用默认的值进行初始化操作。执行完命令后，会生成一个package.json的文件，里面会有上述手动操作时需要输入的各项信息：

2、安装js插件

npm install 插件名@版本号

比如：npm install element-ui

安装过程中打印的一些黄色警告信息可以忽略。

安装完成后，在文件夹中会多出一个node_modules文件夹以及一个package-lock.json的文件。

package-lock.json是在执行npm install 命令的时候生成的一个文件，文件中会记录项目的名称、版本号以及相关的依赖信息等：

package-lock.json文件的内容，有点类似于java里面maven工程的pom文件，对应的node_modules文件夹就类似使用maven的编译命令下载下来的依赖jar包存放的目录。

3、插件版本不同格式说明

在使用npm install 安装插件后，在package.json文件中，也会记录插件的版本号，细心的朋友可能会发现，版本前面带了一个^符号。

注意：指定版本安装时，对应的版本号必须存在喔，否则会报错。