美文网首页
vue 文件说明

vue 文件说明

作者: Big_Zheng | 来源:发表于2020-05-17 14:07 被阅读0次

    |-pages 业务页面文件存放的目录
    | |-index
    | | |-index.vue index页面
    |-static 存放应用引用静态资源(如图片、视频等)的目录,注意:静态资源只能存放于此
    |-main.js Vue初始化入口文件,可以在里面加载全局的css、js、第三方库,main.js里面初始化了vuex和router,还加载了自定义字体
    |-App.vue 应用配置,用来配置App全局样式以及监听 应用生命周期
    |-manifest.json 配置应用名称、appid、logo、版本等打包信息
    |-pages.json 配置页面路由、导航条、选项卡等页面类信息

    .babelrc/babel.config.js js编译器
    package.json npm管理的项目依赖
    eslint 下次创建项目的时候记得选no,这是代码格式校验器,跟很多格式化工具不兼容,也不太符合一般人的开发习惯,不建议用
    node_modules npm install之后根据package中的内容自动构建的依赖包,不用管
    public 是静态文件夹,里面有一个重要的文件是index.html,这是你的根页面,所有的.vue里面的template都是在这个页面上构建、运行的
    src 是你的源码,里面的App.vue和main.js最重要,App.vue是根容器,你的其他vue会被App.vue包住,然后统一挂载到html里面去
    所以适合在App.vue里面写一写通用的script和style

    相关文章

      网友评论

          本文标题:vue 文件说明

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