Node、Yarn的安装

描述

franchise：一个用于sql的开源笔记本。
Github:https://github.com/hvf/franchise

今天意外在群里发现了一个sql可视化工具，可以将查询的数据以图（散点图，条形图，线形图）的形式展示出来，非常客观，速度也非常快，只需通过浏览器即可使用，也可以直观的查看文件中的数据，比如CSV,JSON,XLSX。

根据github的描述，可以在线使用，也可以以开发模式在本地使用。

Node的安装

官网：https://nodejs.org/en/
中文网：http://nodejs.cn/

查看菜鸟教程，讲的很详细。

• 我使用的是windows，直接下载了.msi文件，一直下一步安装，安装完后，打开命令行：
  输入：path，可以看到已自动配置环境变量。

• 安装node.js的同时会自动安装npm：cmd下输入node -v （或 node --version）和 npm -v即可
  

如上，表示node安装成功。

Yarn的安装

Yarn官网：https://yarnpkg.com/
中文官网：https://yarn.bootcss.com/
Yarn Github地址：https://github.com/yarnpkg/yarn

安装文档：https://yarn.bootcss.com/docs...
安装yarn之前需先安装node，看前文描述。

• 我的安装：
  下载msi文件，直接下一步，默认情况下，Yarn会配置好环境变量。
• cmd下输入 yarn --version，如提示不是内部命令，输入：npm install -g yarn，然后再输入yarn --version
  

franchise的使用

在线使用

若想直接通过在线franchise使用浏览器连接数据库，需事先安装node，然后在命令行执行：npx franchise-client@0.2.7 即可。

开发模式使用

提前安装npm或yarn。

1. 打开Git终端，下载项目

   git clone --depth 1 https://github.com/HVF/franch...

2. 进入项目目录

   cd franchise

   

3. 安装项目依赖项

   yarn install (or npm install)

   

   

1. 启动开发服务器

   yarn start (npm start)

2. 打开一个浏览器访问 http://localhost:3000
3. 连接数据库前，需要在cmd下输入命令开启客户端引擎：npx franchise-client@0.2.7
4. 在目录franchise/src 下 编辑文件，保存时浏览器会自动重启。