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,就可以访问可视化界面,如下图:
第一步:单击创建项目,这里会出现创建项目的窗口,在窗口中输入项目的名称,如下图:
第二步:选择一套预设,如果您以前创建过预设,这里就会显示,这里我没有创建,我选择自动配置项目,如下图:
第三步:选择项目中需要使用的功能,如下图:
第四步:选择项目的配置,如下图:
第五步:单击创建项目后,后弹出一个保存为新预设的对话框,这个可以自己选择,可以保存,也可以不保存,最后单击创建项目,如下图: