Node、Yarn的安装

描述

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

今天意外在群里发现了一个sql可视化工具,能够将查询的数据以图(散点图,条形图,线形图)的形式展现出来,很是客观,速度也很是快,只需经过浏览器便可使用,也能够直观的查看文件中的数据,好比CSV,JSON,XLSX。html

根据github的描述,能够在线使用,也能够以开发模式在本地使用。node

Node的安装

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

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

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

图片描述

  • 安装node.js的同时会自动安装npm:cmd下输入node -v (或 node --version)和 npm -v便可
    图片描述图片描述

如上,表示node安装成功。sql

Yarn的安装

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

安装文档:https://yarn.bootcss.com/docs...
安装yarn以前需先安装node,看前文描述。npm

  • 个人安装:
    下载msi文件,直接下一步,默认状况下,Yarn会配置好环境变量。
  • cmd下输入 yarn --version,如提示不是内部命令,输入:npm install -g yarn,而后再输入yarn --version
    图片描述

franchise的使用

在线使用

若想直接经过在线franchise使用浏览器链接数据库,需事先安装node,而后在命令行执行:npx franchise-client@0.2.7 便可。
图片描述windows

开发模式使用

提早安装npm或yarn。浏览器

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

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

  2. 进入项目目录

    cd franchise

    clipboard.png

  3. 安装项目依赖项

    yarn install (or npm install)

    clipboard.png

    clipboard.png

  1. 启动开发服务器

    yarn start (npm start)

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