vue.js项目目录结构说明

Posted llmatch

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue.js项目目录结构说明相关的知识,希望对你有一定的参考价值。

1)node_modules 项目中安装的依赖模块

2)build   一些webpack的文件,配置参数什么的,一般不用动 

3)config  vue项目基本的配置文件

4)dist 文件打包后会生成正在该目录下面

5)  src 源码文件夹

         node_modules:项目中引的常用工具类

         assets:资源文件夹,里面放一些静态资源 

   components:公用组件

   router:路由的配置文件

   views:业务组件

        vuex:状态管理store.js 统一管理项目中数据的交互和重用

   App.vue 

     main.js:项目入口文件

6)static 生成好的文件会放在这个目录下

7) index.html  项目主页 

8) package.json 项目文件,记载着一些命令和依赖还有简要的项目描述信息 

9) README.md 介绍自己这个项目的,想怎么写怎么写。

以上是关于vue.js项目目录结构说明的主要内容,如果未能解决你的问题,请参考以下文章

Vue CLI从安装到构建项目再到目录结构的说明 𰅨

vue目录结构及简单的开发介绍

vue.js

vue.js

还不理不清Vue.js目录结构?别说你是学前端的❤❤

Vue.js系列:Vue项目创建详解