-
安装:
首先我们要更新我们的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 配置
- serve 启动的项目 yarn serve
- 项目仪表盘
-
-
转载于:https://www.cnblogs.com/wenxinsj/p/11189417.html