vue 图形化界面创建项目步骤

一 使用vue图形化界面创建项目的基本步骤

1.1首先在你要创建项目的目录中代开PowerShell窗口

运行如下命令:vue ui
vue 图形化界面创建项目步骤
然后浏览器会弹出一个界面就是这个
vue 图形化界面创建项目步骤
然后点击create创建项目
vue 图形化界面创建项目步骤
vue 图形化界面创建项目步骤
vue 图形化界面创建项目步骤

vue 图形化界面创建项目步骤
vue 图形化界面创建项目步骤
vue 图形化界面创建项目步骤
创建完成后D:\code目录下回创建一个项目文件夹
这是我的项目目录,这里需要找到自己的文件目录

vue 图形化界面创建项目步骤
vue 图形化界面创建项目步骤
解释一下每个文件代表的意思
vue 图形化界面创建项目步骤
这样就创建好啦,如果想使用命令行的方式创建项目请参见我vue-cli脚手架工具这篇博客。