认识vue
1：使用VScode打开vue项目，点击“文件”“打开文件夹”“选择项目文件”，点击“选择文件夹”。（项目文件创建流程见：https://www.toutiao.com/article/7398100974524449330/）
2：常用文件介绍
（1）router为路由文件夹，其中的index.js文件中设置网页的跳转链接名称，想要通过网址链接打开页面需要在此设置。
（2）views中.vue文件为网页文件，在.vue中使用html编写网页。
（3）components为组件存放位置。组件为重复的模块，将组件编写好后，在views的页面文件中进行多次反复调用，通常代表UI中的一个部分。
（4）根组件，所有其他组件都是在这个组件中渲染的（页面的样式）。项目创建完成后首先对其进行更改（清空默认设置）。只有所有页面都具有的样式效果在这里进行设置，多数网页在在本页面进行样式渲染。
修改代码如下：
<template>
<div id="app">
<router-view></router-view>
</div>
</template>
<script>
export default {
name: 'App'
};
</script>
<style>
/* 这里可以添加全局样式 */
</style>
（5）assets: 存放项目中用到的静态资源，比如图片、字体等。
3：其余文件介绍（了解即可）
（6）node_modules: 这个文件夹包含了项目的所有依赖包（运行所需，不需要修改），由npm安装。
（7）public: 这里存放的是静态资源文件。public/index.html
这是项目的入口 HTML 文件，Vue 应用的所有内容都会被注入到这个文件中的 div 元素中，public/favicon.ico
这个文件是浏览器标签页上显示的图标，可以用来定制应用程序的图标。
（8）.gitignore: 这个文件告诉Git哪些文件或文件夹不需要被版本控制。
（9）babel.config.js: Babel的配置文件，用于转译现代JavaScript代码以兼容老旧浏览器。
（10）package.json: 项目的配置文件，定义了项目的依赖、脚本、版本等信息。
（11）README.md: 项目的自述文件，通常用来介绍项目及其使用方法。
（12）main.js 是 Vue 项目的入口文件，负责初始化 Vue 实例并将其挂载到 DOM 元素上。它引入了必要的模块和依赖，如 Vue 库、根组件 App.vue 和路由配置，并进行全局配置。通过创建 Vue 实例并渲染根组件，main.js 将整个应用程序启动起来。
（13）jsconfig.json 文件在 Vue.js 项目中的主要作用是配置 JavaScript 语言服务
（14）package-lock.json 文件在 Vue.js 项目中用于锁定依赖版本，确保项目在不同环境中的依赖一致性
（15）vue.config.js 是 Vue CLI 项目中的一个配置文件，用于配置 Vue.js 应用的构建和开发相关的各种选项