[VUE]项目结构介绍+引入Element UI

一、项目结构介绍

1.项目目录

项目创建好后，我们用vscode打开，能看见一下几个列表。

node_modules：用来存放用包管理工具下载安装的包的文件夹。（检出的时候不要上传这个）
public：公共资源 src：源文件
.browserslistrc：项目配置工具
.gitignore：git配置
babel.config.js：转码器
package.json：项目依赖文件
README.md：说明文档

2.public公共资源文件

最初我们创建的项目里面就包含了两个东西。

第一个是我们网页的标题前面的图标，第二个是首页的html文件，他跟我们平时开发的html是一样的。

这里可以看见，我们只有一个< d i v >标签，里面有一个app，但是实际显示页面就有很多东西，就也是vue一个特性，后期所有内容我们都会动态追加到app里面。

3.Src源文件

打开src目录，可以看见它里面有几个不同的文件夹：

assets： 主题、字体等静态资源
components：全局公用组件，放置通用模块组件
router： 路由，放置路由设置文件，指定路由对应的组件
store： 全局store管理，放置 vuex 需要的状态关联文件
views：开发所有界面
App.vue：根组件
main.js：整个项目的入口文件

4.package.js文件

当我们打开package.js文件时，可以看见如下图所示的项目信息：

name:项目名字
vue：版本：3.6.10