【本节目标】:创建vue前端项目
【所需依赖】:vue3
首先,打开cmd/终端,进入上节课创建的django项目根目录。然后开始新建vue项目。(位置在哪无所谓,实际上仍然是前后端分离开发)
命令:
其中 v_project 是我起的名字。
回车后进入选择界面,按照我的选择开始:
选第二个,上下键控制,回车确定。意思是自定义配置
空格键选择 Router 和 Babel 即可。别的都不要,以后需要的话再加就行。
输入n 回车。
选第二个 回车
输入n 回车。意思是不用保存成默认。
关于具体这些上面的选项都是干嘛的,有精力的小伙伴可以去百度仔细研究一下。
但是我个人不推荐现在就去研究那么多用不到的,因为你如果还没接触过vue那么大概率也看不懂这些配置是什么意思,提前看只是浪费时间而已,当你看了好几天也一知半解的时候,别的小伙伴已经把平台做完了,这些配置甚至早都自悟出来了。
毕竟,学习是有取舍的,知识点也是有轻重缓急 之分,你的精力并不是无限的,每个人的精力总量也都差不多。聪明人只是善于利用自己的时间和精力,能明白怎么做减法而已。
此时系统会开始缓慢读条创建这个vue项目,我们等待即可...
创建好之后,我们可以清晰的看到这个v_project了。
进入这个文件夹,输入命令:
npm run serve
显示:
意思就是vue项目成功启动了,然后我们就要打开上面给的网址和端口号,来验证一下是真的启动了么?(2个网址一个意思)
http://localhost:8080/
看到下面这个页面 即代表vue前端项目 单独启动成功。
之后我们就在这个项目内单独进行前端开发,需要的一切数据都可以利用http请求后台服务来获取。
好了,本节课任务结束。下节课,对两个项目进行初始化设置和解决跨域问题!