认识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:项目的说明文档

你可能感兴趣的:(认识vue项目目录结构)