因为我的vue版本较旧,先安装一下新版本。
先卸载旧版vue-cli npm uninstall -g vue-cli
再安装新版vue-cli npm install -g @vue/cli

安装成功之后,输入vue ui

浏览器会打开以下界面:

创建项目的时候,cmd会同步执行命令,感觉和creat 创建项目的区别其实就是以前的命令行模式改为页面上选项了。然后根据需要创建项目即可。

点击启动,然后打开即可运行项目了。

之后如需再次打开,进入项目后输入vue ui即可。

网友评论