VVT项目第一步干什么！

第一步

关于项目第一步，那当然是搭框架咯，我没有太过分的技术追求，非得自己一个个文件都自己写自己跑起来，我喜欢更加高效的方式，依赖那些简单的方法。比如：
npm init vite@latest vvt-web

生成简易项目框架

• 1、确保已经配置好了Node.js和npm。如果不会，可以自行搜索技术官网，都有详细的教程和手册，我就不在这儿多说。
• 2、 打开命令行界面，进入到你想要创建项目的目录，并执行以下命令来初始化一个新的Vite项目：名字你随便取，我就叫vvt-web

   npm init vite@latest vvt-web

(上述命令就是使用最新版本的Vite脚手架工具来创建一个名为"vvt-web"的新项目。然后根据提示选择Vue 3作为模板，并确保选择"Use TypeScript"以使用TypeScript。)

• 3. 进入到项目目录（你刚刚项目的目录），安装项目依赖：

  npm install
  

（如果失败，尝试使用yarn试试，自行下载安装，都是install命令：yarn install）

• 4、顺利的话你应该会得到一个这样的项目，我只截图一下文件结构。

image.png

• 5. 进入到项目目录启动项目：

  npm run dev
  

如果顺利的话会给你一个本地启动地址，浏览器打开后应该是这样：

image.png

理论上，简易的框架就算搭好了，后续就是引入项目想使用的插件和依赖了。