前端进阶之旅前端进阶之旅
基础篇
进阶篇
高频篇
精选篇
手写篇
原理篇
面经篇
自检篇
每日一题
  • 综合
    • 综合题型
    • 其他问题
    • 设计模式
    • 思维导图
    • 学习路线
  • 前端基础
    • HTTP
    • 浏览器
    • 计算机基础
  • 进阶学习
    • NPM工作流
    • Docker
    • Canvas
    • Node学习指南
    • 前端综合文章
  • 其他
    • Handbook
    • 职场话题
    • CSS可视化
小程序题库
公众号动态
博客动态
开发者导航
基础篇
进阶篇
高频篇
精选篇
手写篇
原理篇
面经篇
自检篇
每日一题
  • 综合
    • 综合题型
    • 其他问题
    • 设计模式
    • 思维导图
    • 学习路线
  • 前端基础
    • HTTP
    • 浏览器
    • 计算机基础
  • 进阶学习
    • NPM工作流
    • Docker
    • Canvas
    • Node学习指南
    • 前端综合文章
  • 其他
    • Handbook
    • 职场话题
    • CSS可视化
小程序题库
公众号动态
博客动态
开发者导航
  • React专栏

    • React组合式开发实战

      • 前端开发的四个时代
      • 企业管理系统的前世今生
      • 可视化页面搭建工具
      • 实战篇 01:开发前准备
      • 实战篇 02:项目脚手架
      • 实战篇 03:页面布局方案
      • 实战篇 04:权限管理机制
      • 实战篇 05:菜单匹配逻辑
      • 实战篇 06:消息通知设计
      • 实战篇 07:多语言支持
      • 继往开来:可视化页面搭建工具
    • React Hooks与Immutable实战

    • React SSR服务端渲染与同构实践

    • IM聊天系统前端开发实践

    • 微前端开发实战

    • React进阶实践

  • Vue专栏

  • 移动端专栏

  • Node专栏

  • 前端工程化专栏

  • 算法专栏

  • Typescript专栏

  • 其他专栏

完整面试题地址:
作者:程序员poetry
扫码关注作者公众号:「前端进阶之旅」 每天分享技术干货
前端进阶之旅公众号二维码

# 前言

上一章,已经学习了虚拟机与 GitLab 搭建,同时也熟悉了部分 Linux 的操作命令。

本章将介绍项目开发中所需要工具、环境的配置:

  1. MySQL -数据库
  2. PostMan - 接口测试工具
  3. Egg - Node 开发框架
  4. Jenkins - 构建工具
  5. Nginx - 静态服务器

下文会详细介绍上述工具的配置与使用方法。

# 开发环境配置

# MySQL

# 安装 MySQL

数据库使用常规的 Mysql,具体安装详情可见 Mysql 安装教程。

针对 windows 的安装是非常简单的,点击 下载社区版,选择 msi 版本,直接一路 next 选择即可,主要注意设置的 root 用户密码一定不要忘记。(重置密码有点麻烦,每个 MySQL 的版本重置命令可能都不一样,如果忘了也不知道怎么解决的话,可以留言。)

b7a5dfd508c0a0e8642129e842bff2c.png

# 配置 MySQL 环境变量

如果对于 sql 有经验的同学,可能会习惯用 sql 去建表、查询等。对于没有 sql 经验的同学来说,一般也不会直接去操作 MySQL,可以直接忽略,毕竟学习成本也不低,有兴趣的同学可以尝试一下。

image.png

image.png

配置完成之后,终端输入 mysql -u root -p,密码是之前安装 MySQL 设置的,出现如下图所示,即代表配置环境变量成功

image.png

# Navicat for MySQL

Navicat for MySQL 可连接任何本机或远程 MySQL 服务器,功能包括数据模型工具、数据同步、导入或导出、报表、以及更多功能。

那么没有 sql 经验的同学,可以尝试这个可视化工具,减少一些学习成本,通过简单的可视化操作完成建表、查询等一系列操作。

# 连接 Mysql

image.png

# 创建数据库

image.png

# 查询表

image.png

当然这个工具是需要付费的,作为学习整本小册来说,15 天的试用期也是足够了,如果还想使用可视化工具的话,建议同学们可以使用免费的 SQLite 或者 SQLyog。毕竟学习为目的的话,可以节约成本,同时 SQLite 跟 SQLyog 也是一款非常出色的可视化工具。

# Postman

Postman 是一个 Chrome 扩展,提供功能强大的 Web API & HTTP 请求调试。使用 Node 开发服务端项目,用它来测试接口比较方便。

Postman 有 Chrome 插件与 App 两种版本, 下载地址。

fe
基础篇
进阶篇
高频篇
精选篇
手写篇
原理篇
面经篇
自检篇
每日一题
  • 综合
    • 综合题型
    • 其他问题
    • 设计模式
    • 思维导图
    • 学习路线
  • 前端基础
    • HTTP
    • 浏览器
    • 计算机基础
  • 进阶学习
    • NPM工作流
    • Docker
    • Canvas
    • Node学习指南
    • 前端综合文章
  • 其他
    • Handbook
    • 职场话题
    • CSS可视化
小程序题库
公众号动态
博客动态
开发者导航
  • React专栏

    • React组合式开发实战

      • 前端开发的四个时代
      • 企业管理系统的前世今生
      • 可视化页面搭建工具
      • 实战篇 01:开发前准备
      • 实战篇 02:项目脚手架
      • 实战篇 03:页面布局方案
      • 实战篇 04:权限管理机制
      • 实战篇 05:菜单匹配逻辑
      • 实战篇 06:消息通知设计
      • 实战篇 07:多语言支持
      • 继往开来:可视化页面搭建工具
    • React Hooks与Immutable实战

    • React SSR服务端渲染与同构实践

    • IM聊天系统前端开发实践

    • 微前端开发实战

    • React进阶实践

  • Vue专栏

  • 移动端专栏

  • Node专栏

  • 前端工程化专栏

  • 算法专栏

  • Typescript专栏

  • 其他专栏