vue ui页面创建vue新项目

一、新建vue项目

  • 首先新建空文件夹
    在这里插入图片描述

  • 然后cmd到该文件夹下 输入vue ui打开web界面创建项目
    在这里插入图片描述

  • 点击在此创建新项目
    在这里插入图片描述

  • 输入文件名 选中npm
    在这里插入图片描述

  • 点击手动 然后下一步 选中 Babel Router 以及 使用配置文件

在这里插入图片描述

  • 点击创建项目 不保存预设
    在这里插入图片描述

  • 此时创建好 为新项目页面
    在这里插入图片描述

  • 点击左侧插件 输入 element然后选中第一个 安装
    在这里插入图片描述

  • 安装完一定要点击 完成安装
    在这里插入图片描述

  • 点击左侧依赖 安装依赖
    在这里插入图片描述

  • 我这里安装的是axios、less、less-loader依赖
    在这里插入图片描述

  • 最后一步运行vue 点击任务 选中serve 点击运行
    在这里插入图片描述

  • 启动成功 点击启动app
    在这里插入图片描述

  • 弹出这个页面即项目创建成功

在这里插入图片描述

猜你喜欢

转载自blog.csdn.net/pgcdnameming/article/details/120720117