美文网首页
vue饿了么学习--文件目录

vue饿了么学习--文件目录

作者: Monee121 | 来源:发表于2018-03-30 17:21 被阅读0次

    一、首先创建一个vue项目,如:my-vue,其代码结构如下:


    image.png

    由上图分析每个文件的作用:


    image.png
    二、我们主要工作src文件夹的分析结构如图:
    image.png

    这是src文件夹下面的初始情况,里面有一些示例代码之类的。比如,它吧logo放在assets文件夹里面。我个人很不喜欢这么做,因为代码是代码,资源是资源,各归其位比较好。
    commponents 目录里面放了一个演示的组件文件,你可以打开看下。当然,也可以直接删除,然后根据我的博文往下走。
    App.vue 是项目入口文件。当然,我们需要改造,改造成我们可以使用的样子的。
    main.js 这是项目的核心文件。全局的配置都在这个文件里面配置。

    整理目录

    下面,我们开始动手,把不想管的干掉,然后把src变成这个样子:

    相关文章

      网友评论

          本文标题:vue饿了么学习--文件目录

          本文链接:https://www.haomeiwen.com/subject/ysmicftx.html