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

发布时间 2023-09-11 15:54:00作者: 自在一方

本节目标

  • 了解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键是全选)