Node.JS+Vue+Vite+D3可视化

• • • 安装NodeJS
    • 安装VUE和Vite
    • 创建并运行一个vue空工程
    • 安装VScode
    • 安装D3和Axios
    • 应用以上工具绘制字母表直方图
    • • alphabet.json
      • BarChart.vue
      • App.vue
    • 运行结果

安装NodeJS

Node.js 是运行在服务端的 JavaScript。其目的是使前后端完全分离，后端使用Python/Java，前端使用Node.js。
下载地址： Node.js

在终端nodejs目录下输入 node --version 检验是否安装成功及其版本。

创建server.js文件

运行server.js文件

安装VUE和Vite

npm install vue
npm install vite

创建并运行一个vue空工程

npm init vite-app hellovue
npm run dev

安装VScode

下载地址：VScode

安装D3和Axios

npm install d3
npm install axios

应用以上工具绘制字母表直方图

alphabet.json

从老师那里获得的字母表json文件

BarChart.vue

<template>
  <h1>pyh&wcx</h1>
  <h2>