• springboot+vue+部署安装及运行指导


    1 环境部署

    1.1 jdk-8u111-windows-x64

    环境变量 JAVA_HOME:C:Program FilesJavajdk1.8.0_111

    Path新增一行:%JAVA_HOME%in

    1.2 apache-maven-3.5.0-bin,直接解压到C:Program FilesJava

    环境变量 MAVEN_HOME:C:Program FilesJavaapache-maven-3.5.0

    Path新增一行:%MAVEN_HOME%in

    1.3 Git部署

    Git-2.10.2-64-bit

    TortoiseGit-2.3中文版与Git安装包_手册.zip

    1.4 idea安装lombock

    1)插件包:lombok-plugin-0.27-2017.3.zip(与IDEA版本为2017.3.3版本对应

    2IDEA-->Settings->Preferences-->Plugins

    3Plugins面板中有'install from disk'按钮,点击后选择lombok-plugin-0.16-2017.3.3.zip

    4)重启idea

    1.5 Node.js安装

    1)双击安装node-v10.16.3-x64.msi64位)

    2)执行命令确认nodejs是否安装成功

    #node -v

    #npm -v

    (3)环境变量(安装完成默认在Path后面增加了环境变量)为了以后的本地部署项目,我们需要找到node.js的安装根目录,在当中新建“node_global”"node_cache"两个文件夹。执行命令

    #npm config set prefix "C:Program Files odejs ode_global"

    #npm config set cache "C:Program Files odejs ode_cache"

    (4)环境变量NODE_PATH:C:Program Files odejs ode_global ode_modules

    Path追加:C:Program Files odejs ode_global

    (5)安装淘宝的npm镜像因为npm在国内下载速度是很慢,所以就用npm下载安装cnpm可以更快的下载后面的依赖等

    #npm install -g cnpm –registry=https://registry.npm.taobao.org

     

    (6)安装全局vue-cli脚手架、webpack

    #npm install vue –g  //全局安装vue

    #npm install -g vue-cli                        //全局安装vue-cli

    #npm install -g webpack                          //全局安装webpack

    #npm install -g webpack-dev-server             //安装webpack的本地webserver

     

    (7)执行命令确认vuewebpack是否安装成功

    #vue -V

    #webpack  -v

    2 代码克隆

    3 编译

    3.1 java后端

    maven clean

    maven Install

    3.2 前端启动

    #cd xxxvue

    #npm install

    #npm run dev

  • 相关阅读:
    mysql 使用SUM()函数查询时,如果没有任何记录的时候 返回的结果为null
    不重复的有序集合,TreeSet的用法
    spring+springMVC+mybatis项目中 多数据源的配置
    程序的位置和功能划分
    团队合作-如何避免JS冲突
    CSS的常见问题
    函数传参的应用--修改文本的值
    应用自定义属性、索引值实现带略缩图的图片轮播
    PC和手机的区别就是各种各样的屏幕,响应式布局来适应屏幕
    CSS3动画@keyframes
  • 原文地址:https://www.cnblogs.com/guobm/p/12221372.html
Copyright © 2020-2023  润新知