测开修炼第一章-从Vue3的官方Demo了解响应式前端

很多人问, 我该如何成为一名测试开发工程师(SET)?

    当前大环境下, 一名合格的SET起码要熟悉至少1个主流前端框架, 推荐学习大名鼎鼎的Vue, Vue是一个简约优美的框架, 采用MVVM模式(响应式), 她的入门门槛并不高, 你只需要掌握HTML JS CSS的基础, 尝试在官方Demo里做一些代码的修改或增加, 掌握了一定量的框架规则后多加练习即可入门~ [本教程使用最新的Vue3.0]


环境准备:


!!! 特别说明 !!!
Win10用户请使用 "PowerShell" 来运行后面步骤里提到的全部命令, 而且尽量不要在C盘存放项目文件


1. 安装Node.js

Node.js下载传送门

  • 根据你的系统平台下载对应的包:
    在这里插入图片描述
2. 设置npm为淘宝源, 避免后续遇到timeout错误
npm config set registry http://registry.cnpmjs.org
3. 安装vue@cli
npm install -g @vue/cli
4. 安装完成后查看版本号
vue -V

#当前最新版本为 @vue/cli 4.5.9
5. 创建工作文件夹(或者用你自己其他的也可以), 这里创建一个"Frontend_Project"
mkdir -p Frontend_Project
6. 创建项目, 项目名字自定义为"vue3-Demo"
vue create vue3-Demo
7. 进入目录并运行
cd vue3-Demo

npm run serve
8. 浏览器打开即可看到Demo运行效果

http://localhost:8080

看到如下页面就完成了~
在这里插入图片描述

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

木法星人

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值