开发环境准备

开发工具

必装工具

• Git：http://www.git-scm.com/
• PostMan：https://www.postman.com/
• Nginx：https://nginx.org/. Windows环境本地开发推荐使用 PhpStudy 集成环境:https://www.xp.cn/

推荐工具

若您有好的工具想推荐给大家，并出现在下面的清单中，可在企业微信中告知 姜军

• MobaXterm(SSH client)：https://mobaxterm.mobatek.net/
• DBeaver(MySQL client)：https://dbeaver.io/
• RedisDesktopClient：https://share.weiyun.com/57XmqoZ。开源 Redis 客户端
• 腾讯会议：https://meeting.tencent.com/download-center.html。用于远程会议，非北京办公同事必装
• TortoiseGit：https://tortoisegit.org/download/。开源 Git 客户端，相关交互跟 TortoiseSVN 基本一致，仅支持 Windows
• uTools：https://www.u.tools/。让你效率倍增的快速启动软件 / 小工具合集
• Everything：https://www.voidtools.com/zh-cn/。免费极速文件搜索工具神器
• WGestures：https://www.yingdev.com/projects/wgestures。优秀实用的全局鼠标手势工具软件

在线工具

• ProcessOn 流程图： https://www.processon.com/
• GitMind 思维导图： https://gitmind.cn/
• 蓝湖（产品设计协作平台）： https://lanhuapp.com/
• 语雀文档：https://www.yuque.com/
• Iconfont 字体图标：https://www.iconfont.cn/
• 在线JSON校验格式化工具：https://www.bejson.com/
• 免费在线AI抠图：https://picwish.cn/
• DesignEvo | 免费LOGO在线设计神器：https://www.designevo.com/logo-maker/

免费可商用图片素材

设计及开发过程中请使用免费可商用的图片素材站点找图片资源，避免造成图片侵权纠纷

• Pexels：https://www.pexels.com/zh-cn/
• Unsplash：https://unsplash.com/
• Pixabay：https://pixabay.com/zh/
• Hippopx：https://www.hippopx.com/
• BOSS设计-素材资源：https://www.bossdesign.cn/design-resources/
• 免费可商用高质量矢量插图：https://undraw.co/illustrations
• MorgueFile-超过40w张免费库存照片,可用于商业用途:https://morguefile.com/
• Ikonate | 免费开源可商用的 SVG 矢量图标库：https://ikonate.com/

前端开发必装

• Node.js：https://nodejs.org/
• yarn：https://yarnpkg.com/
• VSCode：https://code.visualstudio.com/

Java开发必装

• IntelliJ IDEA 社区版: https://www.jetbrains.com/idea/download/
• JDK17：https://jdk.java.net/17/(推荐) OR Oracle JDK
• Maven：https://maven.apache.org/

Phython开发必装

• mini-conda：https://docs.conda.io/en/latest/miniconda.html。 用来管理多版本Python开发调试环境。 参考:https://blog.csdn.net/weixin_44058446/article/details/112524219

开发环境

前端开发

• VSCode环境

建议使用 VSCode 作为 js/vue 的编辑器，并安装以下插件 ESLint , EditorConfig for VSCode , Prettier - Code formatter , Prettier ESLint , Vetur。推荐 VSCode 工作区配置项：

  {
    "prettier.printWidth": 200,
    "prettier.singleQuote": true,
    "prettier.semi": false,
    "prettier.trailingComma": "none",
    "vetur.format.defaultFormatter.js": "prettier",
    "vetur.format.defaultFormatter.html": "prettyhtml",
    "vetur.format.defaultFormatterOptions": {
      "js-beautify-html": {
        "wrap_line_length": 200,
        "wrap_attributes": "auto",
        "end_with_newline": false
      },
      "prettyhtml": {
        "printWidth": 200,
        "singleQuote": false,
        "wrapAttributes": false,
        "sortAttributes": false
      }
    },
    "editor.codeActionsOnSave": {
        "source.fixAll": true
    },
    "search.exclude": {
      "**/node_modules/**": true,
      "**/dist/**": true,
      "**/bower_components": true,
      "**/*.code-search": true
    }
}

• Nginx环境

server {
        listen       80;
        server_name  localhost;
        # 网关
        location /gateway/ {
          proxy_pass https://x.x.x.x:36008/gateway/;
          proxy_http_version 1.1;
          proxy_set_header Upgrade $http_upgrade;
          proxy_set_header Connection "upgrade";
        }
        # websocket
        location /ws/ {
          proxy_pass http://x.x.x.x:38003/;
          proxy_http_version 1.1;
          proxy_set_header Upgrade $http_upgrade;
          proxy_set_header Connection "upgrade";
        }
        location /hydra/ {
          add_header Access-Control-Allow-Origin *;
          add_header Access-Control-Allow-Methods 'GET,POST,PUT,DELETE,OPTIONS';
          add_header Access-Control-Allow-Headers 'PARA_TOKEN, PARA_MTOKEN, PARA_VERSION, Origin, Authorization, console-category';
          # add_header Access-Control-Allow-Headers 'DNT,X-Mx-ReqToken,Keep-Alive,User-Agent,X-Requested-With,If-Modified-Since,Cache-Control,Content-Type,Authorization';

          if ($request_method = 'OPTIONS') {
            return 200;
          }

          proxy_pass http://x.x.x.x:36004/;
        }
        # 用户
        location /uss/ {
            proxy_http_version 1.1;
            proxy_pass http://user.stg.heckjj.com/;
            # proxy_pass https://user.heckjj.com/;
        }
        # 验证码
        location /verifyImg/console/ {
            proxy_pass https://statics.heckjj.com/console/;
        }
        # 前端工程
        location / {
            #index  index.html index.htm;
            add_header Access-Control-Allow-Origin *;
            add_header Access-Control-Allow-Methods 'GET, POST, OPTIONS';
            add_header Access-Control-Allow-Headers 'DNT,X-Mx-ReqToken,Keep-Alive,User-Agent,X-Requested-With,If-Modified-Since,Cache-Control,Content-Type,Authorization';
            
            # if ($request_method = 'OPTIONS') {
            # return 204;
            # }

            etag off;
            add_header Cache-Control "no-cache, no-store";
            proxy_pass http://localhost:8080;
	        #root "D:/GitRoot/SE/console/console-ui/dist/";
	        #try_files $uri $uri/ /index.html;
        }

    }