测试平台(三) vue3 前端环境搭建

        vue3 前端开发环境的搭建，废话不多说，直接开始保姆级教程，教程如下。

1.安装node.js    参考 Node.js 安装配置 | 菜鸟教程    非常的详细。检查是否安装成功 输入node -v 和npm  -v  出现版本号即安装成功。

2.全局安装的vue-cli3.0 脚手架   执行：npm install -g@vue/cli    同理检查是否安装成功。输入 vue -V  出现版本号即安装成功。

3.创建项目   vue  create  vue-fronted   以下截图是我的自选 

 

 

 

 

 4.根据以上截图 一步一步的选择，然后就会到一个安装的过程中，最后看到以下截图信息就证明安装成功了。

5. 我们使用vs code 编辑器打开我们的项目：在终端启动项目 npm run serve

 

6. 在浏览器中输入  http://localhost:8080/   能够访问到页面。 就证明我们前端项目的环境已经搭建好了

 7.同样我们先来个demo。先改写一下页面上的 Welcome to Your Vue.js App  看下我们的程序是否生效，找到项目下的views/HomeView.vue. 改掉第4行的内容。 改成：欢迎测试开发大佬 。改完后，在编辑器直接command+s 保存。然后，重新刷新浏览器。出现 欢迎测试开发大佬。这是证明我们的第一个demo 文件生效成功。

 

         OK。到这里，我们的vue3前端端开发环境 就已经部署好了，并且第一个demo也实现了。 小伙伴们可以按照步骤自己搭建下，如果有问题，欢迎留言。没有问题的话，帮忙给个鼓励的小赞