测开修炼第一章-从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

看到如下页面就完成了~