创建vue3的项目和目录结构讲解

本节目标

• 了解Vue3 项目的结构
• 学习Vue3 项目的基本开发知识
• Vue3 和 Vue2的开发区别

全局安装vue-cli

npm i -g @vue/cli
vue create vue3-json-schema-form

自定义vue3 配置

自定义配置：
选择 [自定义] ，通过方向键上下移动，空格选中，Enter确定，自定义配置中，您将会看到这些配置项：

? Please pick a preset: Manually select features
? Check the features needed for your project: (Press <space> to select, <a> to toggle all, <i> to invert selection)
>( ) TypeScript                                 // 支持使用 TypeScript 书写源码
 ( ) Progressive Web App (PWA) Support          // PWA 支持
 ( ) Router                                     // 支持 vue-router
 ( ) Vuex                                       // 支持 vuex
 ( ) CSS Pre-processors                         // 支持 CSS 预处理器。
 ( ) Linter / Formatter                         // 支持代码风格检查和格式化。
 ( ) Unit Testing                               // 支持单元测试。
 ( ) E2E Testing                                // 支持 E2E 测试。
 // 注意：你要集成什么就选就行了（注：空格键是选中与取消，A键是全选）