(一)最简单的vue教程,开发自己的电影网站:一切从创建项目开始

avatar

上一个教程介绍了nodejs的爬虫的实现方法,这一个教程来用上一个教程解析出来的接口来实现一个vue前端网页

安装工具

使用 vue-cli 工作来创建项目

npm install -g @vue/cli

创建项目

vue create tutorial-ygdy8-front-vue

然后选择 default (babel, eslint) 就够用了,回车后等待它完成初始化和依赖的安装

使用vscode打开就可以进行开发了,先看一下目录结构

  • public 这个文件夹里的内容不用动的,放的是网站的默认首页
  • src 项目源码文件夹

vue在开发过程中所有的js,css,img都是放在src里的,开发好了,vue会通过webpack把js,css,img统统打进一个js文件里,然后再把这个js文件写入到 public/index.html 文件里,然后就可以部署了

启动

项目也创建好了,终端里会有两行命令,运行启动来看看默认启动后长啥样吧

cd tutorial-ygdy8-front-vue
yarn serve

浏览器访问 http://localhost:8082

image

0 条评论

目前还没有回答,快来帮帮TA吧!

添加一条评论 请尽量发布对他人有帮助的评论

登录后可发布评论

登录 | Github登录