微服务3.1：本地开发环境搭建（常用配置,微服务/SSM,git/idea）

内容

本地前后端开发环境搭建(面向微服务/SSM，前端Vue)：
idea + git/gitee + vscode + nodejs + ssh客户端软件（xshell、winscp等）+ 数据库 + 数据库客户端 + jdk + maven
软件安装不做说明，本文侧重安装后的相关常用配置，方便开发工作。

1、 IDEA

1.1 常用插件

安装 lombok （支持@Data 注解省略get,set方法等）， mybatisx (Mybatis-plus的插件，支持快速定位到xml)

image.png

1.2 高版本Idea配置JDK8

高版本idea , 在新建工程的时候可能会无法指定JDK1.8的版本，需要配置成aliyun的环境

image.png

2、 vscode 常用插件

image.png

npm 更换国内镜像
https://blog.csdn.net/u010398650/article/details/78925388
vscode 代码模板快捷键
！默认h5代码快捷键
自定义模板：
"文件->首选项->用户代码片段" 弹出对话框：

image.png

新建全局代码片段即可，可以使用vue全局代码通用示例：

{
    "vue htm": {
        "scope": "html",
        "prefix": "vuehtml",
        "body": [
            "<!DOCTYPE html>",
            "<html lang=\"en\">",
            "",
            "<head>",
            "    <meta charset=\"UTF-8\">",
            "    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">",
            "    <meta http-equiv=\"X-UA-Compatible\" content=\"ie=edge\">",
            "    <title>Document</title>",
            "</head>",
            "",
            "<body>",
            "    <div id=\"app\">",
            "",
            "    </div>",
            "    <script src=\"vue.min.js\"></script>",
            "    <script>",
            "        new Vue({",
            "            el: '#app',",
            "            data: {",
            "                $1",
            "            }",
            "        })",
            "    </script>",
            "</body>",
            "",
            "</html>",
        ],
        "description": "my vue template in html"
    }
}

上段代码对象名vue htm就是索引快捷键：