首页天道酬勤vue工程结构,vue项目目录结构介绍

vue工程结构,vue项目目录结构介绍

张世龙 05-05 18:59 16次浏览

vue2.0项目结构说明名为build文件夹的文件夹主要配置web包的几个部分

webpack.base.conf.js webpack基础配置、开发环境、 所有生产环境都是webpack.dev.conf.js webpack开发环境配置webpack.prod.conf.js webpack生产环境配置build.js生产环境生成脚本vue-loader.conf.js此夫例如,在端口号更改node_modules文件夹中存储npm install时根据package.json配置生成的npm安装软件包的文件夹

src文件夹源目录(开发中使用最多的文件夹) ) ) )。

assets共享的样式,图像组件业务代码的存储位置。 其中分为一个个组件进行存储,一个页面是一个组件,一个页面上有很多组件router配置根App.vue vue文件入口接口main.js与App.vue对应可以直接浏览位于webpack.base.config.js上的入口配置static文件夹中的文件,而无需webpack处理。 例如,如果swf文件可以在webpack中配置,并且希望引用可以在swf扩展名为的文件中处理的loader,则可以直接将swf文件放置在此文件夹中进行引用

名为package.json的文件有两个部分很有用:在scripts中设置命令,以及在dependencies和devDependencies中分别对应于全局下载和本地下载依赖软件包

vue项目目录结构介绍,创建一个vue项目具体步骤