Vue项目实战

Vue项目实战

​ 表示卧病在床的几天勉强看完了vue的一套视频,首先学习了基本的指令，然后学习路由啊，组件啊，webpack啊啥的，还了解了vue的一些组件库和样式库。但是对于前后端分离开发的方式还没有一个完整的体验，很多技术细节也并不是很清楚，所以希望通过项目实战可以让自己有一个直观的认识。下面的就开始吧。

1、初始化项目

首先，通过vue-cli脚手架搭建一个vue的项目，vue-cli的安装前面笔记已经写过了，我们现在只需要切换到需要创建项目的文件夹下，通过:

vue init webpack 项目名
#这句命令表示初始化一个vue项目，项目模板使用webpack构建

注意:我可能是因为使用过梯子的原因，所以网可能有点问题，直接这样的话会一直出现download template然后下不下来模板，其实它是去github上下载的模板文件，我也尝试过ping github.com发现的确ping不通，所以还有一种方式可以解决这种问题，就是在github上把webpack的文件下下来，放到C:\Users\A.vue-templates目录下，然后通过 vue init webpack 项目名 -offline 即可

这里附上webpack的模板地址

初始化完毕之后呢如果没有使用npm 安装完依赖则需要手动的通过 npm i 来安装一下所有的依赖

依赖安装完毕之后npm run dev来启动