【ai开发段永平投资理财的知识图谱网站】第一天：搭 Vite + Vue 项目，跑通 Hello World

- 背景
- 项目名称：段永平财经投资理财的知识图谱网站
- - 网站效果：
  - 用到的软件技能：
  - - [1、Vue 3 组合式 API (ref/computed/watch)](#1、Vue 3 组合式 API (ref/computed/watch))
    - [2、D3.js 力导向图](#2、D3.js 力导向图)
    - [3、marked.js Markdown 解析](#3、marked.js Markdown 解析)
    - [4、Vue 组件通信 (props/emits)](#4、Vue 组件通信 (props/emits))
    - [5、CSS Variables + 主题切换](#5、CSS Variables + 主题切换)
    - 6、不买域名不买服务器，免费网站部署
    - 学习步骤：
    - - [- Day 1: 搭 Vite + Vue 项目，跑通 Hello World](#- Day 1: 搭 Vite + Vue 项目，跑通 Hello World)
      - [- Day 2 : 理解 graphData.js，自己设计一套小数据](#- Day 2 : 理解 graphData.js，自己设计一套小数据)
      - [- Day 3 : 实现 HomeView 首页 + Sidebar](#- Day 3 : 实现 HomeView 首页 + Sidebar)
      - [- Day 4 : 攻克 D3.js 力导向图（最难点）](#- Day 4 : 攻克 D3.js 力导向图（最难点）)
      - [- Day 5 : 实现 ArticleReader + 搜索](#- Day 5 : 实现 ArticleReader + 搜索)
      - [- Day 6 : 添加暗色主题](#- Day 6 : 添加暗色主题)
      - [- Day 7 : 用自己的内容替换，完成复刻](#- Day 7 : 用自己的内容替换，完成复刻)
- [🛠️ 实践项目推荐顺序](#🛠️ 实践项目推荐顺序)
- 软件工具准备
- - 一、trae
  - - [1、大家可以下载一个Ai ide](#1、大家可以下载一个Ai ide)
    - 2、登陆，新建项目
    - 3、选择大模型
  - 二、vite+Vue了解
  - - 1、概念：
    - [2、Day1 搭 Vite + Vue 项目，跑通 Hello World](#2、Day1 搭 Vite + Vue 项目，跑通 Hello World)
- 源码：

背景

Ai的爆发式增长，在未来会影响所有人的发展，会跟每个人的职业都有重大关系。

作为当初从材料专业研究生毕业，从事芯片验证工作，此刻意识到Ai非常重要，未来谁掌握了Ai，谁就有更好的发展机遇。

我相信很多跟我一样的群体，非软件相关行业的人。即使Ai越来越牛，我们还是不能很好的把Ai结合自身去利用起来，实现真正的产品化、工作内容的替代。原因是我们跟互联网从业者相比，我们见过的软件知识、接触的软件项目太少了，导致我们不知道怎么去跟Ai形容、去让Ai实现我们的想法，也就是我们不能够正确描述提示词。

我一直坚信的是，当你看的足够多、了解的足够多，你就可以很好利用好Ai。所以我准备从实践开始，从0到1去做，在做的过程中，让我了解的足够多，不需要精，这样在我下一阶段，能够拥抱Ai，真正实现自己的产品。