上一篇用了简书默认的富文本编辑器，感觉写命令行有些怪怪的，这一篇换成markdown试试。
基本结构
脚手架的基本目录结构我写了一下，大家知道基本上各个目录是干啥的就行。
image.png
build
---webpack.base.conf.js //这个常用，是webpack的基本配置
---webpack.dev.conf.js //开发环境配置，例如构建本地开发服务器
---webpack.prod.conf.js //生产环境配置
//以此类推，dev就是开发相关配置，prod就是生产环境相关配置，test就是测试环境相关配置
逻辑流程
这里的逻辑流程不完全是官方的运行流程，而是我以自己的理解简述下脚手架的使用流程。
如果只是快速上手做东西，那么了解这个流程就可以了，按照这个流程创建、编辑文件，项目能正常开发部署。简单说就是了解了各个目录是干啥的，再知道文件调用的顺序，然后开始写项目就OK了。
但如果想要了解更深层的东西，请到官网了解或者自己阅读源码也可以（我以前还是挺喜欢去了解深层的东西，毕竟年轻嘛，现在嘛，更喜欢直接上手去做东西，深层的内容慢慢了解）。
vue-运行图.png
以上，Vue-cli的逻辑流程表现出来了，是不是非常清晰、简洁、明了， O(∩_∩)O~~
我们在写代码时，主要就是在component中创建文件，并在router的文件中注册，然后在App.vue中配置好即可，如果有其他用到的插件在main.js中配置上（如bootstrap等等）。
OK，这一篇到此就可以了，下一章我们开始写。
注意：
这种方式只是方便我们快速熟悉项目，快速上手，如果是小项目那么直接这样开始，遇到不清楚的地方再去查；如果是比较大的项目，还是要去了解下原理，然后再开始比较好。至于读源码，O(∩_∩)O~有机会就去做吧
网友评论