vue-cli脚手架目录

重要的 / 我们需要的文件

index.html

通常情况下,该文件就定义一个空的根节点。main.js里面定义的实例将挂载在#app节点(根节点)下。vue旨在减少DOM操作,通过组件填充页面

App.vue文件

app.vue是项目的主组件,所有页面都是在app.vue下切换的(也可以理解为根组件)。在此讲解一下组件(vue)文件的构成:1.< template>写HTML代码</ template>;2.< script>< /script>标签;3.< style scoped>样式< style>scoped表示。该style作用于只在当前组件的节点及其子节点,但是不包含子组件

main.js文件

入口文件,主要作用是初始化vue实例并使用需要的插件,包括组件的引入等。其他功能就不一一列举

router下面的index.js文件:路由配置文件

这个在此不过多阐述,可以参考我的路由跳转的文章

项目目录(以下是我从网上摘取的一些图片)

vue-cli脚手架目录

build文件目录

vue-cli脚手架目录

config文件目录

vue-cli脚手架目录