前后端分离操作手册

后端打包

前后段分离操作手册

准备条件 vm虚拟机 java和jdk配置环境变量

• 从官方下载，下载页面：http://maven.apache.org/download.cg

1. maven压缩包解压到一个没有中文，空格或其他特殊字符的文件夹内即可使用。

（3）配置MAVEN_HOME

maven 的使用是在jdk的基础上，所以电脑必须有jdk

第一步：新增环境变量：MAVEN_HOME

第二步：在path环境变量中添加：%MAVEN_HOME%\bin
找到环境变量配置界面

第三步：测试：按住win+R 输入cmd，进入黑窗口控制台。输入命令： mvn -v
如果出现以下maven的版本信息，则说明maven的安装与环境变量的配置均正确；

出现此页面即配置成功

• 打包数据库

1. (1)修改数据库内容 找到自己的apache-maven目录下的conf，打开settings.xml

找到 <mirror>处 修改此处内容

改为 <mirror>

     <id>nexus-aliyun</id>

     <mirrorOf>*</mirrorOf>

     <name>Nexus aliyun</name>

     <url>http://maven.aliyun.com/nexus/content/groups/public</url>

 </mirror>

保存并退出即可

1. (2)再jshEPR-boot目录中 输入CMD打开命令提示符 输入mvn clean package -Dmaven.test.skip=true对文件进行打包

1. (3)出现此页面的同时 jshERP-boot目录下会自动生产一个 src和target文件

1. (4)在dist文件目录下会出现一个ZIP解压包

最后后端打包即可成功

前端

前提条件安装 node

1. 安装node步骤 点击Next

（2）勾选同意选项点击Next

（3）默认路径点击Next

（4）点击Next

1. (5)可以不用直接跳过点击Next

1. (6)出现此页面即可安装成功Node

1. (7)安装成功后 在此目录打开隐藏文件和文件后缀

1. (8)在此目录创建三个文件夹名分别为：node_cache和node_global 并在node_global目录下创建命名为node_modules即可

将此处后面改为自己所在的目录并复制到命令提示符中

npm config set prefix "创建的node_global文件夹所在路径"

npm config set cache "创建的node_cache文件夹所在路径"

1. (9)出现此页面即可配置成功

1. (10)配置环境变量

在此处输入NODE_PATH

下一栏输入自己的node_modules的路径并保存退出

1. (11)在此处输入CMD

1. （12)在命令提示符中输入npm install -g webpack 出现页面全局安装成功

  再输入npm install

再输入npm run build
最后出现此页面即可打包成功