VUE项目目录结构

项目基本结构

build/  ----编译用到的脚本
config/ ----各种配置
dist/   ----打包后的文件夹
node_modules/   ----node第三方包
src/     ----源代码
static/  ----静态文件
index.html   ----最外层文件
package.json   ----node项目配置文件复制代码

build文件夹目录详解

build.js    打包时使用,不要修改
check-versions.js     检查npm版本,不要修改
utils.js   css/sass等文件的生成,不要修改
vue-loader.conf.js   辅助加载vuejs用到的css source map等内容,非常重要的配置文件,不要修改
webpack.base.conf.jswebpack.base.conf.jswebpack.base.conf.js   这三个是基本的配置文件,不要修改复制代码

config文件夹

dev.env.js    开发模式下的配置文件,一般不用修改
index.jsz     生重要文件,开发时的端口(默认8080),图片文件夹(默认static),开发模式下的地理服务器,修改的较多
prod.env.js   生产模式下的配置文件,一般不用修改复制代码

node_modules文件夹

node项目用到的第三方包。npm install 产生的。定义的第三方包都会在package.json中出现

node_modules:这个文件夹不要放到git中

package.json:

src文件夹

核心代码都会在这里:一般常用的如下:
assets     用到的图片都是可以放到这里的
components    用到的视图和组件所在的文件夹(核心)
router/index.js    路由文件,定义各个页面对应的url
App.vue  页面模板文件,所有其他vuejs页面,都是该模板的一部分
main.js   没有实际的业务逻辑,但是为了支撑整个vuejs框架,存在很有必要,一般引入UI组件在这里操作复制代码

原文地址:https://www.cnblogs.com/marksir/p/11685396.html