记录Vue.js使用可视化界面创建项目学习心得

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,就可以访问可视化界面，如下图：

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

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

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

第四步：选择项目的配置，如下图：

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