使用vue-cli生成的项目代码结构介绍

利用node和npm环境我们可以很快的搭建一个vue环境。具体步骤,请看上一篇博客。搭建完成后,我们可以看到生成的文件夹中包括如下文件。

在开发中,这些生成的配置文件不需做太多的改动,我们要做的就是在src中进行业务代码的开发。

build文件夹

是项目打包的webpack的配置内容,是自动构建成的集合一般来说不需要修改

最后三个分别是(base)基础的、(dev)开发环境中的、(prod)线上环境中的webpack配置。

config文件夹

保存一些项目初始化的配置文件

dev.env.js 开发环境的配置信息

index.js 项目基础的配置信息

prod.env.js 线上环境的配置信息

node_modules文件夹

存放npm加载的项目依赖的模块

src文件夹

是我们要开发的目录

assets:用来放置图片资源

components:用来放组件文件

App.vue:是项目入口文件,根组件

main.js是项目的入口文件(核心)

static文件

放置静态资源目录(静态图片、json数据等)

.babelrc

配置文件。语法解析器做一些语法转换,解析成浏览器能编译执行的代码

editorconfig

配置编辑器里的语法,统一编辑器的自动化代码的格式化

.gitignore

git上传时忽略的文件(git相关)

postcssrc.js

postcssrc配置(一款使用插件去转换CSS的工具)

index.html

首页模板文件

package.json

记录你项目中所需要的所有模块(npm相关)

package-lock.json

锁定所有模块的版本号(npm相关)

README.md

项目的说明文件(git相关)

原文地址:https://www.cnblogs.com/L-xmin/p/12449337.html