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 即可
初始化完毕之后呢如果没有使用npm 安装完依赖则需要手动的通过 npm i 来安装一下所有的依赖
依赖安装完毕之后npm run dev来启动