vue项目目录结构

九州白

于 2021-09-07 13:39:07 发布

阅读量147

点赞数

分类专栏： vue目录结构文章标签： vue.js javascript

本文链接：https://blog.youkuaiyun.com/qq_38783557/article/details/120156198

版权

vue目录结构专栏收录该内容

1 篇文章

订阅专栏

本文对比分析了vue-cli2和vue-cli3两个版本的项目目录结构，展示了它们在组织资源、配置文件以及入口文件上的差异。vue-cli2的结构包括build、config和src等目录，而vue-cli3引入了public目录，并简化了部分结构，如将配置文件集中于vue.config.js中。理解这些变化对于开发者优化项目管理和构建流程至关重要。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

vue项目结构

- vue-cli2
- vue-cli3

vue-cli2

vue-cli2的目录结构

-- build
-- config
-- src
	-- api
	-- assets
		-- css
		-- iconfont
		-- images
		-- js
		-- json
	-- components
	-- pages
	-- router
	-- style
	-- vuex
		action.js
		mutations.js
		store.js
	App.vue
	main.js
	router.js

vue-cli3

vue-cli3目录结构

--dist
	--static
	--favico.ico
	--index.html
--public
	--index.html
	--favicon.ico
--src
	--api
	--assets
		--css
		--iconfont
		--images
		--js
		--json
	--components
	--pages
	--vuex
	--style
	--router
	App.vue
	main.vue
vue.config.js