1.前言记录了我从基础开始学习vue实战，第一次发文章。希望您手下留情！如有不妥，请指出。二、创建和配置项目1、新建一个Vue-cli3.0脚手架项目，这里普及一下。什么是Vue-cli？Vue是一个用于构建用户界面的渐进式框架。与其他大型框架不同，Vue被设计为自下而上逐层应用。Vue的核心库只专注于视图层，不仅易于使用，而且易于与第三方库或现有项目集成。另一方面，当与现代工具链和各种支持库相结合时，Vue也完全有能力为复杂的单页应用程序提供支持。链接说明上面引用的链接已经很好地解释了一切。这里就不一一详细说明如何安装node.js和npm了。我将自己的基本开发流程说明一下：1.1使用Vueui我使用的是VscodeEditor，可以在编辑器终端使用快捷键Ctrl+·快速打开，进入Vueui。加载后，你的默认浏览器会自动打开配置界面创建一个新项目。下面是我今天的配置：createanewprojectnameondetails；选择包管理器，我这里选择npm，因为我当然熟悉；其余默认操作；下一步;预设（Presets），默认使用官方提供了不错的插件和配置。如果你心里觉得不太好，手动配置还是要慎重的；下一步：特性，手动添加插件：1.（Babel）可以让ES6/7语法兼容或者替换成ES5，更适合低版本的浏览器，让开发者使用新的语法随便，不考虑浏览器支持；2.(Router)路由必须丢弃；3.(Vuex)状态管理，大型项目可以体会到它的重要性，小型项目也可以，反正不亏；4.(CSSPre-processors)css预处理，可以给css增加一些编码特性；5.(Linter/Formatter)编写代码风格提示，及时纠正你的小问题；6.（使用config文件）使用配置文件配置（Configuration）选择预处理器，看个人习惯，这里我选择（Eslint+standardconfig）上面的配置，回到Vscode，在终端输入npmrunserve，然后开始你的奇妙之旅。3.项目配置回到项目，我们可以看一下依赖包。生成的项目上的文件依次是依赖包（node-modules）。安装的依赖就不用说了，都在里面了。如果有兴趣，后面会深入解读里面的源码。公共文件夹（public）包含vue图标加上首页的htmlsrc目录。（我一般有以下文件）1.API接口文件，与后台进行数据交互；2.Assets项目资源主要是(img)图片，(font)字体等静态资源存放在这里；3.components组件和一些复用组件；4.config主要是按照模块系统导出配置对象；5.directive自定义指令，可以写自己定义的函数，使用6.lib与实战开发相关或与实战无关的工具函数都放在这里。7.模拟模拟数据。在没有正式连接后台时，可以模拟数据，方便后台开发时修改数据传输格式。8、路由器路由和跳转路由页面必须在这里注册。后面会讲到提取一部分，就是权限的部分。详细介绍10.views视图，页面主要展示与组件结合使用的文件11.App.vue起始页，通过路由
