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也实现了。 小伙伴们可以按照步骤自己搭建下,如果有问题,欢迎留言。没有问题的话,帮忙给个鼓励的小赞