美文网首页
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 文件说明

    |-pages 业务页面文件存放的目录| |-index| |...

  • vue项目文件说明

    1.main.js是我们的入口文件,也初始化了vue实例对象,并且也是对所需要插件的引用 2.app.vue是我们...

  • 使用webpack引入vue文件

    使用webpack引入vue文件时,老是报出如下错误: 这个错误说明的就是无法解析引入的vue文件,这时候就是看是...

  • vue项目各目录结构及作用

    vue文件说明 1、main.js是我们的入口文件,主要作用是初始化vue实例,并使用我们需要的插件 import...

  • webpack loader

    说明 webpack默认只能处理JavaScript和JSON文件,但前端项目中,文件类型多种多样.比如.vue、...

  • 103、vue install 注册组件

    1、myPlugin.js文件 2、APP.vue文件 说明:以上两个文件位于同一目录 组件注册完成,输出:

  • 安装vue-layer

    使用npm安装vue-layer 在main.js文件中配置 参数说明 方法

  • 🔨揭秘vue-sfc-cli: 组件研发利器

    前言 本文将揭示vue单文件组件的工具 vue-sfc-cli 的内涵,说明它是如何在整个组件研发流程中提升效率的...

  • vue-cli项目文件说明

    VUE-Cli 脚手架 是VUE的一个工具; 作用:1.生成目录结构;2.完成本地开发调试;3.在代码编写完后,对...

  • VUE3(五)vue路由vue-router4

    使用vue-router,这里特别说明一下,我这里记录的是vue-router文件的编写。及在页面中的使用。 我的...

网友评论

      本文标题:vue 文件说明

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