vue-cli入门之项目结构分析
Vue-cli项目入门指南：项目结构详解
=======================
长沙网络推广推荐一读，初学者们，这里有一份vue-cli项目结构的详细指南等待你们。让我们一起走进vue-cli的世界，深入了解其项目结构。
一、前言
-
在成功安装node环境和vue-cli并成功构建了一个vue-cli项目后，我们接下来要深入理解项目的结构。这将有助于我们更好地管理和组织代码，提高开发效率。
二、总体框架
vue-cli的项目结构清晰明了，其中src文件夹是我们需要重点关注的。其他相关文件则主要是项目配置和依赖管理，我们也需要有所了解。
三、文件结构细分
--
1. build文件夹
这里主要包含了webpack的配置。当我们输入npm run dev启动的是dev-server.js，它会去检查node及npm版本，加载配置文件，启动服务。
2. config文件夹
项目相关配置都放在这里，比如当端口冲突时配置监听端口，打包输出路径及命名等。
3. node_modules文件夹
这个文件夹包含了项目的所有依赖包，包括很多基础依赖。我们也可以根据需要安装其他依赖。安装方法很简单，只需在cmd中进入项目目录，然后输入`npm install [依赖包名称]`即可。
我们会在两种情况下自行安装依赖：一是项目运行缺少的依赖包，如css-loader、vue-loader等；二是安装插件，如vux（基于WEUI的移动端组件库），vue-swiper（轮播插件）等。
4. src文件夹
这是项目的核心文件所在。我们将重点关注main.js，App.vue以及router的index.js。
index.html: 这是主页文件，如其他html一样，但一般只定义一个空的根节点，内容都通过vue组件来填充。
App.vue: 这是根组件，一个vue页面通常由三部分组成：模板(template)、js(script)、样式(style)。模板只能包含一个父节点，也就是说顶层的div只能有一个。其中的`
script: 在这里，我们用es6来写vue代码，用export default导出，包含数据data，生命周期(mounted等)，方法(methods)等。
-
前端开发中的样式、入口、路由配置
在前端开发中，我们经常会遇到样式管理、项目入口和路由配置等重要环节。今天，让我们深入了解这些方面的内容，看看如何更有效地进行前端开发。
样式管理
样式，通过`