Vue.js目录结构

Posted 2021-05-01 LIVEPLUS

[Vue.js从入门到开发系列]Vue.js目录结构

Vue.js示例工程的目录结构如下图所示。

                             

目录/文件	说明
node_modules	npm加载的项目依赖模块
build	项目构建（webpack）相关代码
config	配置目录，包括端口号等。
src	这是我们开发使用的主要目录，主要包含以下目录及文件： assets：放置一些图片，如logo等 components：目录里面放了一个组件文件 App.vue：项目入口文件，我们也可以将组件写在这里，而不使用components目录 main.js：项目的核心文件
static	静态资源目录，如图片、字体等。
test	初始测试目录，可删除
.xxx文件	这些是一些配置文件，包括语法配置，git配置等。
index.html	首页入口文件，你可以添加一些meta信息或统计代码啥的。
package.json	项目配置文件
README.md	项目的说明文档，markdown格式