vue搭建项目的详细步骤以及说明

1.vue create vue-admin 创建项目

2.选择创建方式vue搭建项目的详细步骤以及说明_第1张图片

  1. 默认Vue2配置
  2. 默认Vue3配置
  3. 手动选择配置

3.自定义配置选项

vue搭建项目的详细步骤以及说明_第2张图片
( ) Babel // 语法转换
( ) TypeScript // 使用 TypeScript
( ) Progressive Web App (PWA) Support // 支持PWA
( ) Router // 路由
( ) Vuex // store
( ) CSS Pre-processors // CSS 预处理器
( ) Linter / Formatter // 代码风格检查和格式化
( ) Unit Testing // 支持单元测试
( ) E2E Testing // 支持E2E测试

4. 使用版本

在这里插入图片描述

5.这一步提示我们是否使用历史路由器,输入 n 回车vue搭建项目的详细步骤以及说明_第3张图片

6.预编译器选择

vue搭建项目的详细步骤以及说明_第4张图片

7.单元测试选择方案

vue搭建项目的详细步骤以及说明_第5张图片
1.一般选jest

8.依赖选择文件设置

vue搭建项目的详细步骤以及说明_第6张图片
选择package.json

9. 创建成功

vue搭建项目的详细步骤以及说明_第7张图片

你可能感兴趣的:(笔记,vue)