认识vue项目目录结构

当完成了vue项目的创建之后,就可以看到项目的目录结构了。如图所示


项目目录

build:项目构建webpack(打包器)相关代码

config:配置目录,包括端口号等

node_modules :项目依赖

src:主要代码开发目录

        >assets 静态文件(img、css、js) 

        >components  小组件

        >App.vue  根组件

        >main.js 主脚本文件

       >router:Vue路由文件目录, 在router/index.js中可以定义不同url访问

static:静态资源目录,如图片,字体,图标

test:测试目录

index.html:首页入口文件

package.json:项目配置文件

README.md:项目的说明文档

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 项目地址https://github.com/hongchh/timeline-x 一、成品展示 二、项目需求 添...
    前端杨肖阅读 13,117评论 0 10
  • 基于Vue的一些资料 内容 UI组件 开发框架 实用库 服务端 辅助工具 应用实例 Demo示例 element★...
    尝了又尝阅读 4,886评论 0 1
  • 什么是路由? vue-router这里的路由就是SPA(单页应用)的路径管理器。通俗的说,vue-router就是...
    晏子小七阅读 4,421评论 0 2
  • 一、技术准备 二、开发工具 三、使用 vue-cli 快速开始模板项目 四、给项目添加组件 五、使用vue-rou...
    35eeabfa0772阅读 31,596评论 4 60
  • 在不曾离开北方的时候 我以为 南国是终日烟雨的画幕 夜雨淅沥地打在青石阶上 舒爽的空气带着微凉的清新 浸透了屋内皎...
    烟榷阅读 2,405评论 0 0