內容
本地前后端開發(fā)環(huán)境搭建(面向微服務/SSM，前端Vue)：
idea + git/gitee + vscode + nodejs + ssh客戶端軟件（xshell购披、winscp等）+ 數據庫 + 數據庫客戶端 + jdk + maven軟件安裝不做說明饥侵，本文側重安裝后的相關常用配置歹河，方便開發(fā)工作拢锹。
1谎碍、 IDEA
1.1 常用插件
安裝 lombok （支持@Data 注解省略get,set方法等） 卤恳， mybatisx (Mybatis-plus的插件累盗，支持快速定位到xml)
image.png
1.2 高版本Idea配置JDK8
高版本idea , 在新建工程的時候可能會無法指定JDK1.8的版本，需要配置成aliyun的環(huán)境
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就是索引快捷鍵：
image.png
3拆融、git的使用配置
3.1 git 配置
image.png
image.png
image.png
image.png
3.2 gitee 新建倉庫
image.png
3.3 idea下載代碼
image.png
image.png
3.4 配置忽略提交文件
image.png
