vue-ui的使用

it2022-05-05  136

安装:

首先我们要更新我们的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 配置

转载于:https://www.cnblogs.com/wenxinsj/p/11189417.html


最新回复(0)