【前端开发】新建一个vue项目

一、创建项目

（前提：安装node，安装Visual Studio Code）

Node官网

VSCode

1. 选择一个空文件夹

2. Shift + 右击，打开Powershell

【Vite官网指导：ViteGuide】

3. 命令行创建项目

npm create vite@latest

（1）创建项目名字 选框架

（2）选语言开发

（3）下载脚手架 运行

Ctrl 点击链接就ok了 项目跑起来了 简单的要死

二、学会看文件夹

1. node_modules：这个文件夹存放着项目依赖的各种库和模块。

2. public：一般用于存放不会被处理的静态资源，比如 index.html（项目的入口页面）、一些固定的图片等。

3. src：这是项目源代码所在的主要文件夹。

- components：存放 Vue 组件，这些组件可以在不同的页面中重复使用。

- pages 或 views：可能存放不同的页面组件。

- assets：用于存放项目中用到的图片、样式文件（除了全局样式）等资源。

- App.vue：通常是整个应用的根组件，其他页面或组件可能会嵌套在其中。

- main.js：是项目的入口文件，在这里会进行 Vue 实例的创建和一些全局配置。

- vite.config.js：这是 Vite 的配置文件，您可以在这里进行一些项目的构建和开发相关的配置。

结尾：这只是一个大致的介绍，具体的项目结构可能会根据开发者的习惯和项目的需求有所不同。