当前位置: 移动技术网 > IT编程>开发语言>JavaScript > vue ui可视化界面进行创建vue项目安装

vue ui可视化界面进行创建vue项目安装

2020年07月14日  | 移动技术网IT编程  | 我要评论

1.安装(使用的淘宝镜像)需要安装node.js,vue-cli可以在我的主页VUE专栏里找到

cnpm install -g @vue/cli

在这里插入图片描述

2.安装完成后

vue ui

在这里插入图片描述

网页弹出可视化界面

在这里插入图片描述

选好路径

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

创建,不保存预设,然后创建出成功的界面

在这里插入图片描述

点击运行,输出

在这里插入图片描述
在这里插入图片描述

可以进入代表创建成功

在这里插入图片描述

用IDEA导入,下一步进行

在这里插入图片描述

JavaScript需要设置为6

在这里插入图片描述

如果你的vue不显示绿色V图标,需要把vue插件加上

在这里插入图片描述
在这里插入图片描述

运行命令

cnpm run serve

本文地址:https://blog.csdn.net/weixin_44625302/article/details/107287752

如对本文有疑问, 点击进行留言回复!!

相关文章:

验证码:
移动技术网