1 概述

1.1 后端项目管理工具Maven

It is Maven!

1.2 前端项目包管理工具Npm

It is Npm!

2 Maven

2.1 IDEA集成Maven

1.下载maven

下载地址：http://maven.apache.org/download.cgi

2.配置maven环境变量（类似于jdk的配置）

新增系统变量：

在path中新增：
3.DOS命令测试maven是否安装成功

4.修改国内仓库镜像（可选）

从中央仓库下载时速度可能比较慢，所以提供阿里云镜像国内仓库下载。

在maven文件夹下，

修改conf文件夹中的settings.xml配置文件，

添加阿里云镜像：

5.修改本地仓库下载目录（可选）

从中央仓库或国内镜像仓库下载的文件默认保存在C:\user.m2文件夹下，如果下载的jar包过多，不想放在C盘下的话，可以在第4步的settings.xml中修改本地仓库位置。

6.IDEA配置自定义maven

打开IDEA——>file——>Settings,

修改以下三个位置，

每个位置的英文含义一目了然，应该不需要过多说明了！

7.写个简单程序测试一下

第一次创建项目的时候会下载maven相关的文件，这个通过提示很容易理解啦！就不再赘述啦！

为方便起见使用模板创建一个快速项目，

接下来就是一般的步骤了，比如输入项目名、项目路径、输入maven项目的组织名、项目名、版本等，这些都可以默认勾选，随便啦！

写一些测试代码：

在pom.xml配置文件中“写入（Ctrl C/V）”依赖

这个依赖denpendency可以从中央仓库搜索直接粘贴。

地址：https://mvnrepository.com/

笔者这个 简体中文转繁体中文的例子 搜索opencc4j

直接粘贴即可！

8.运行一下下

2.2 常见Web应用出现的maven错误

问题描述：
解决：在pom.xml中设置过滤器

<build>
    <resources>
        <resource>
            <directory>src/main/resources</directory>
            <includes>
                <include>**/*.properties</include>
                <include>**/*.xml</include>
            </includes>
            <filtering>true</filtering>
        </resource>
        <resource>
            <directory>src/main/java</directory>
            <includes>
                <include>**/*.properties</include>
                <include>**/*.xml</include>
            </includes>
            <filtering>true</filtering>
        </resource>

    </resources>
</build>

3 Npm

1.下载Node.js（包含npm包管理工具）

2.常见npm命令

• npm -v 查看npm的版本
• npm version 查看所有模块的版本
• npm search 包名 搜索包
• npm install / i 包名 安装包
• npm remove / r 包名 删除包
• npm install 包名 --save 安装包并添加到依赖中
• npm install 下载当前项目所依赖的包
• npm install 包名 -g 全局安装包（全局安装的包一般都是一些工具）

4 Last but not least

传说五大秘术：点赞、评论、分享、收藏、打赏！
mua~~