cli的安装和卸载

卸载命令:npm uninstall -g @vue/cli 或 yarn global remove @vue/cli
安装命令:npm install -g @vue/cli 或 yarn global add @vue/cli

配置淘宝镜像,可以增强下载速度

 npm install -g cnpm --registry=https://registry.npm.taobao.org

使用Vue可视化界面创建项目

终端输入命令:vue ui

输入完命令后,在浏览器中输入:http://localhost:8000,就可以访问可视化界面,如下图:

2020020160121.PNG

第一步:单击创建项目,这里会出现创建项目的窗口,在窗口中输入项目的名称,如下图:

20200218171038.png

第二步:选择一套预设,如果您以前创建过预设,这里就会显示,这里我没有创建,我选择自动配置项目,如下图:

20200218171210.png

第三步:选择项目中需要使用的功能,如下图:

20200218171625.png

第四步:选择项目的配置,如下图:

20200218171854.png

第五步:单击创建项目后,后弹出一个保存为新预设的对话框,这个可以自己选择,可以保存,也可以不保存,最后单击创建项目,如下图:

20200218172025.png