首页天道酬勤vue目录命名,vue文件目录结构

vue目录命名,vue文件目录结构

admin 05-05 18:35 138次浏览

上一篇文章介绍了如何使用vue-cli构建项目,但这里大致介绍了整个项目的目录。

我们先来看看整个结构目录

接下来从上到下看看各文件和文件在做什么

build文件夹和子目录

这是web包的配置,主要用于项目打包时的设置。 在这里,我不会再详细说明了。 稍后使用时将详细介绍相关文件和部署。

config文件和子目录

此文件夹包含项目开发运行时的整个配置,包括npm run dev时项目的启动端口。

node_modules文件和子目录

此文件夹中的所有内容都是node的基础依赖软件包,在安装我们扩展的其他插件时也包含在此文件夹中。

src文件和子目录

此文件夹是整个项目的主文件夹,我们的大部分代码都在这里完成。 具体看看里面的内容吧:

assets文件夹主要包含几个资源文件。 例如js、css等文件。

组件文件夹可以说是vue的灵魂。 组件文件都可以放在这里。

汇编! 每个vue项目都由一个个组件组装而成。

根文件夹和子目录

此文件夹中的是整个vue项目的根,vue是单页面APP应用程序的代表,其中包含用于为每个组件设置地址的文件。

关于APP的文件

此文件是整个项目的入口文件,相当于包含整个页面的最外层的div。

main.js文件

此文件是项目的主js,全局使用的各种变量、js和插件在此处部署和定义。

静态文件夹和子目录

此文件夹中有静态资源文件。

这四个文件是项目的自带文件,基本上不能使用。

索引文件是项目的主机页面。

package文件是整个项目中使用的所有插件的json格式。 例如,此插件的名称、版本号。 在项目中使用npm install时,将自动安装节点。 此文件中的所有插件。

这是项目的一些说明文件。

这样完善的项目结构大致完善。

哦,对了,还有一个文件没有出现。 那是;

运行NPM运行构建打包命令后,将显示此dist文件夹。 整个项目都写好了,所有打包的文件都在这里。 您只需要访问文件夹中的索引文件以访问APP应用程序。

最后总结一下----

php集成安装环境的优点有哪些winform模拟鼠标按键的具体实现
前端vue是什么意思,大型vue项目目录结构 vue项目结构启动原理详解,vue框架的结构
相关内容