前端Vue 项目创建 vscode

前端框架 ：Vue

渐进式Javascript框架。

Web前端框架。

模式

1、经典模式：MVC

2、MVVM（Vue就是典型的MVVM）

Vue优点：

• 响应式数据绑定

  Vue提供了响应式数据绑定机制，使数据和UI自动同步。

  当数据变化时，相关的UI也会自动更新，无需手动操作DOM。

• 组件化开发

  Vue将应用程序分解成小型、独立的组件，

  每个组件有自己的模板、逻辑和样式。促进代码的可重用性和维护性。

• 虚拟DOM（Virtual DOM）

  Vue使用虚拟DOM来最小化DOM操作，提高性能。

  只有实际发生变化的部分才会重新渲染，而不是整个DOM树

引入vue

前提：

没有版本号出现就安装

npm install pnpm -g

1、通过cdn引入：

2、pnpm create 的命令方式引入创建

（1）、cmd进去到你想要新建项目的文件夹

（2）、输入

pnpm create vite@latest

（3）、输入 项目名称

（4）、选择 vue

（5）、选择 JavaScript

（6）、cd 你输入的项目名称

（7）、运行

pnpm install

（8）、运行

pnpm dev

基本目录结构