Vue项目 目录结构

本文介绍了Vue项目的目录结构及其工作原理。通过页面引用组件,App.vue整合页面,main.js挂载到DOM,解释了Vue代码如何渲染到页面上。启动项目时,使用命令行工具运行指令启动。每个.vue文件作为模板组件,有的作为组件,有的作为网页,彼此相互引用。
摘要由CSDN通过智能技术生成
  • 当我们把项目文件夹用 vscode 等软件打开会发现很多文件。

    > node_modules         -> 依赖包文件
    > pubilc               -> 公共静态资源
       index.html          -> 网页模板
    > src                  -> 页面代码
      > assets             -> 静态资源
      > components         -> 组件
      > network            -> 封装的网络请求
      > router             -> 路由
      > store              -> vuex状态管理
      > views              -> 页面
        App.vue            -> 主vue模板
        main.js            -> 全局配置
    .browserslistrc        -> 适配的浏览器
    .eslintrc              -> 规范代码格式
    .gitignore             -> git上传忽视文件
    babel.config.js        -> babel配置文件
    jsconfig.json          -> 配置js属性和路径别名等信息
    package-lock.json      -> 实际项目的依赖等信息
    package.json           -> 项目依赖配置等信息
    README.md              -> 项目介绍文档
    vue.config.js          -> vue配置文件
    
    | -- node_modules           -> 依赖包文件
    | -- pubilc         
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

孤寂的自由

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值