拾光分享网 | 一个有趣的IT资源分享网

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

2020020160121.PNG

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

20200218171038.png

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

20200218171210.png

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

20200218171625.png

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

20200218171854.png

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

20200218172025.png

欢迎您的转载:拾光分享网 | 一个有趣的IT资源分享网 » 记录Vue.js使用可视化界面创建项目学习心得


评论 1

  • 昵称*
  • 邮箱 (必填)
  • 网址
  1. # 1
    举个栗子的头像

    不错

    举个栗子 (2020-02-19) 回复