• Vue学习——目录结构与运行流程(20)


    整体目录

    在这里插入图片描述

    node_modules

    放置所有需要的第三方包

    public

    favicon.ico

    放置小图标
    在这里插入图片描述

    index.html

    单页面,一个项目只有一个页面,即这个index.html
    在这里插入图片描述

    这里说明生成的文件将被自动注入到这里面
    在这里插入图片描述

    src

    项目源代码目录

    assets

    第三方静态资源文件,包括图片、css样式等

    components

    程序员封装的、可复用的组件,都要放到components,(比如helloword.vue)

    main.js

    是项目的入口文件,整个项目运行,要先执行main.js
    在main.js中,我们可以选择需要渲染的vue页面(如app.vue,test.vue)
    在这里插入图片描述

    App.vue

    是项目的根组件,我们运行起来所看到的默认页面,即是APP.vue页面
    在这里插入图片描述