Vue.js项目实训

本文记录了一次Vue.js项目实训的过程,包括webpack基础配置、项目创建、代码实现及测试步骤。通过分享作者的配置心得和代码资源,帮助读者快速理解和实践Vue项目开发。
摘要由CSDN通过智能技术生成

课上写了一个项目实训作业,历经千辛万苦终于弄完,记录一下,并且分享给大家。
一、基础工作
首先要保证你的webpack基础配置正确并且安装脚手架vue-cli,这个前期工作挺艰难的,我配的时候花了几个钟才配好。
二、创建项目
按着书上的配置进行。
创建项目
创建项目2
三、过程
https://download.csdn.net/download/weixin_44805285/12469458
刚开始写,不知道怎么直接在这里导入资源,我上传了代码资源在上面链接中,不用积分直接下载即可,环境配好创一个项目,这个复制过去就可以运行看效果了。
四、测试
在vscode中,保存一个txt文件在项目那,然后Ctrl+Shif+p打开外部终端,输入npm run serve启动项目,如果项目启动成功,在谷歌浏览器中输入本地域名,“http://localhost:8080/,可以打开谷歌浏览器的控制台,选择使用谷歌浏览器的模拟手机效果
模拟手机效果

  • 5
    点赞
  • 13
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值