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

   

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 下 編輯文件，保存時瀏覽器會自動重啓。