vue-ui的使用

安装：

首先我们要更新我们的vue-cli为3.0以上版本 详情看文档：https://cli.vuejs.org/zh/

 npm install -g @vue/cli
 # OR
 yarn global add @vue/cli

验证是否成功： vue -V

创建一个项目：

 vue create my-project
 # OR
 vue ui

打开vue-ui页面

• 

• 创建和导出项目

  

• 点击创建 选择文件的路径

  

• 选择创建vue脚手架的配置 选择我们所需要的包管理器

• 选择项目所需要的功能 
• 选择项目所需要的功能 
• 选择我们所需要的css预处理器的内容以及eslint的格式 
• 会提示你是否保存预设，如果保存预设模板，就是你以后在创建的时候可以选择默认模板，就可以直接创建我们想要的设置 
• 下面就是等待时间，等待项目构建完成（这个可能需要一点时间）

• • 导入项目

  • 选择我们需要选择的项目，导入ui界面

    

  • 导入成功

    

    左侧依次是：

    • 项目仪表盘
      • 介绍以及关闭我们使用的端口号
    • 插件
      • 安装项目所需的插件
    • 依赖
      • 安装项目所需的依赖
      • 可以选择dev以及全局的依赖
    • 配置
      • 设置项目脚手架的一些配置
      • 配置eslint的一些配置
      • 配置PWA的一些配置
    • 任务
      • serve 启动的项目 yarn serve
        • 可以配置启动的域名以及端口号
      • build 打包项目 yarn build
        • 可以配置打包的路径以及类型
      • lint 检查并修复源文件
      • inspect 检查 webpack 配置