regexper安装在本地

发表于 更新于 分类于 ， ， Waline： 本文字数： 2.7k 阅读时长 ≈ 2 分钟

regexper在线地址

regexper可以将正则表达式转成直观的图形
https://regexper.com/

regexper本地安装

regexper在github上地址为：https://github.com/javallone/regexper-static

安装yarn

安装regexper的依赖和启动本地服务器需要使用yarn,所以要安装yarn。打开git-bash，输入npm install -g yarn安装yarn,如下所示：

1
2
3
4
5
6
7
lan@DESKTOP-8ISAT6B MINGW64 /D/GitHub
$ npm install -g yarn
F:\Program Files\nodejs\node_global\yarn -> F:\Program Files\nodejs\node_global\node_modules\yarn\bin\yarn.js
F:\Program Files\nodejs\node_global\yarnpkg -> F:\Program Files\nodejs\node_global\node_modules\yarn\bin\yarn.js
+ yarn@1.12.3
added 1 package in 3.03s

clone到本地

cd进入到一个目录，然后输入 git clone git@github.com:javallone/regexper-static.git把项目复制到当前目录下。

1
2
3
4
5
6
7
8
lan@DESKTOP-8ISAT6B MINGW64 /D/GitHub
$ git clone git@github.com:javallone/regexper-static.git
Cloning into 'regexper-static'...
remote: Enumerating objects: 5036, done.
remote: Total 5036 (delta 0), reused 0 (delta 0), pack-reused 5036
Receiving objects: 100% (5036/5036), 1.02 MiB | 903.00 KiB/s, done.
Resolving deltas: 100% (3196/3196), done.

cd进入项目

1
2
3
4
5
lan@DESKTOP-8ISAT6B MINGW64 /D/GitHub
$ ls
regexper-static/
lan@DESKTOP-8ISAT6B MINGW64 /D/GitHub
$ cd regexper-static/

安装依赖

进入项目目录后，输入yarn install安装依赖。

1
2
3
4
5
6
7
8
9
10
11
lan@DESKTOP-8ISAT6B MINGW64 /D/GitHub/regexper-static (master)
$ yarn install
yarn install v1.12.3
[1/4] Resolving packages...
[2/4] Fetching packages...
info fsevents@1.1.2: The platform "win32" is incompatible with this module.
info "fsevents@1.1.2" is an optional dependency and failed compatibility check. Excluding it from installation.
[3/4] Linking dependencies...
[4/4] Building fresh packages...
success Saved lockfile.
Done in 124.86s.

我这里安装可慢了，耐心等它安装完毕。

启动本地服务器

输入yarn start启动服务器，启动成功的话如下所示:

1
2
3
4
5
6
7
8
9
lan@DESKTOP-8ISAT6B MINGW64 /D/GitHub/regexper-static (master)
$ yarn start
yarn run v1.12.3
$ gulp
[21:32:34] Using gulpfile D:\GitHub\regexper-static\gulpfile.js
......
[21:32:47] Server started http://localhost:8080
[21:32:47] LiveReload started on port 35729

浏览器打开

浏览器打开localhost:8080即可,运行成功效果如下:

以后每次使用都要到该目录/D/GitHub/regexper-static中使用yarn start启动服务器。

bat脚本快速启动

每次手动的来启动本地服务器还是挺麻烦的，这里我用批处理脚本来快速启动.
在桌面中新建.bat文件：启动正则表达式.bat，在启动写入如下的cmd命令：

1
2
3
4
@echo off
D:
cd D:\GitHub\regexper-static
yarn start

命令说明：

  • @echo off：关闭回显
  • D:–启动盘符，这个盘符以克隆到的本地项目的盘符为准
  • cd D:\GitHub\regexper-static–进入到本地项目路径，以自己的为准
  • yarn start–启动本地服务器

这样直接点击桌面的启动正则表达式.bat文件即可启动本地服务器。然后浏览器打开localhost:8080即可使用。

8080端口被占用了

问题描述

今天启动的时候遇到了下面的错误：

1
2
3
4
5
6
7
8
events.js:183
      throw er; // Unhandled 'error' event
      ^
Error: listen EADDRINUSE :::8080
    at Server.setupListenHandle [as _listen2] (net.js:1360:14)
......
error Command failed with exit code 1.
info Visit https://yarnpkg.com/en/docs/cli/run for documentation about this command.

update user set password=password(‘root’) WHERE User=’root’;

原因

regexper用的是8080端口,而我用了tomcat，tomcat已经占用了8080端口。所以导致regexper无法启动。

解决方案

我没有找到regexper中修改端口的办法，但是我知道怎么修改tomcat默认端口，所以修改tomcat的端口,把8080端口让给regexper就行了。