vue-cli搭建项目的目录结构及说明

vue-cli基于webpack搭建项目的目录结构

build文件夹

├── build // 项目构建的(webpack)相关代码

│ ├── build.js // 生产环境构建代码（在npm run build的时候会用到这个文件夹）

│ ├── check-versions.js // 检查node&npm等版本，如nodejs、npm，若版本太低则会提示出来。

│ ├── utils.js // 构建配置公用工具（less，sass 什么的安装后，不用配置也可以解析各种格式的css）

│ ├── vue-loader.conf.js // vue加载器

│ ├── webpack.base.conf.js // webpack基础环境配置

│ ├── webpack.dev.conf.js // webpack开发环境配置

│ └── webpack.prod.conf.js // webpack生产环境配置

config文件

├── config// 项目开发环境配置相关代码

│ ├── dev.env.js // 开发环境变量

│ ├── index.js //项目主要配置变量（监听端口，打包路劲，代理服务器的配置等）

│ └── prod.env.js // 生产环境变量

node_modules文件

├──node_modules// 项目依赖的模块

src项目核心文件

├── src// 源码目录

其他

文件之间那些博大深渊我也还没完全弄弄，懂了再更新，如有不妥之处请多多指出，探讨，笔芯

转载于:https://www.cnblogs.com/mei1234/p/8966724.html

vue-cli搭建项目的目录结构及说明相关推荐

vue项目结构php写哪里,Vue-cli搭建项目后目录结构的分析（图文）
这篇文章给大家介绍的文章内容是关于Vue-cli搭建项目后目录结构的分析,有很好的参考价值,希望可以帮助到有需要的朋友. 1.前言 Vue并不限制你的代码结构.但是,它规定了一些需要遵守的规则: 1. ...
vue = 什么意思_记录使用@vue/cli搭建Vue3项目完整流程
最近发现vue两大UI框架Element UI和Ant Design Vue都已经支持Vue3了,如果再不学习Vue3就落伍了,此文章记录下使用@vue/cli搭建Vue3项目完整流程. 1 安装vu ...
cli vue 卸载_记录使用@vue/cli搭建Vue3项目完整流程
最近发现vue两大UI框架Element UI和Ant Design Vue都已经支持Vue3了,如果再不学习Vue3就落伍了,此文章记录下使用@vue/cli搭建Vue3项目完整流程. 1 安装vu ...
[vue] 说下你的vue项目的目录结构，如果是大型项目你该怎么划分结构和划分组件呢？
[vue] 说下你的vue项目的目录结构,如果是大型项目你该怎么划分结构和划分组件呢? views目录存放一级路由的组件,即视图组件 Components目录存放组件 Store存放vuex相关文件 ...
【Vue】—项目的目录结构介绍
[Vue]-项目的目录结构介绍
Vue.js教程-Vue项目的目录结构和.vue文件的构成
Vue.js教程-Vue项目的目录结构和.vue文件的构成前言 Vue项目的目录结构(Vue-cli3/4版本) .vue文件的构成 Html区域(template) script区域 export ...
基于 abp vNext 和 .NET Core 开发博客项目 - 使用 abp cli 搭建项目
基于 abp vNext 和 .NET Core 开发博客项目 - 使用 abp cli 搭建项目转载于:https://github.com/Meowv/Blog 首先,默认咱们已经有了.net ...
Android开发之旅：HelloWorld项目的目录结构
引言前面Android开发之旅:环境搭建及HelloWorld,我们介绍了如何搭建Android开发环境及简单地建立一个HelloWorld项目,本篇将通过HelloWorld项目来介绍Androi ...
Mina学习之搭建项目工程目录
为什么80%的码农都做不了架构师?>>> Mina核心分层分为:IoService,IoFilter和IoHandler 搭建项目工程目录,一般应用都包含如下几个部分: 1.s ...

vue-cli搭建项目的目录结构及说明

vue-cli搭建项目的目录结构及说明相关推荐

最新文章

热门文章