vue目录命名,vue文件目录结构
上一篇文章介绍了如何使用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应用程序。
最后总结一下----