vue 3项目的创建

1. 安装脚手架

   npm install -g @vue/cli //建议使用--这个会在电脑的全局安装命令
   # OR
   yarn global add @vue/cli
   

2. 通过脚手架快速创建项目

   vue3test git:(master) ✗ vue create vue3-1
   ### 默认的镜像源下载会很慢
   ?  Your connection to the default yarn registry seems to be slow.  //默认的镜像源下载会很慢
   ### 是否切换到淘宝镜像源
      Use https://registry.npm.taobao.org for faster installation? (Y/n) y  
   
   ### 请选择预置
   ? Please pick a preset: (Use arrow keys)
   ❯ Default ([Vue 2] babel, eslint) //使用vue2.X的模版 
     Default (Vue 3 Preview) ([Vue 3] babel, eslint) //使用vue3.0 的模版
     Manually select features  //自定义模版---建议选择则
     
    ### 检查你的项目需要的功能:
   ? Check the features needed for your project:
   ❯◉ Choose Vue version //选择Vue版本  
    ◉ Babel //兼容浏览器--将es6转成es5
    ◉ TypeScript //使用Ts
    ◯ Progressive Web App (PWA) Support //PWA。谷歌提出的桌面应用
    ◉ Router //路由
    ◉ Vuex //状态管理器
    ◯ CSS Pre-processors //css预处理
    ◉ Linter / Formatter //代码风格格式化
    ◯ Unit Testing //单元测试
    ◯ E2E Testing  //端对端测试
    
    ### 选择一下vue的版本
    ? Choose a version of Vue.js that you want to start the project with (Use arrow keys)
   ❯ 2.x
     3.x (Preview)
   ### 是否使用class风格的组件语法
   ？Use class-style component syntax? No
   ### 是否使用babel做转义
   ? Use Babel alongside TypeScript (required for modern mode, auto-detected polyfills, transpiling JSX)? No
   
   ### 是否选择用历史的模式来做路由
   ? Use history mode for router? (Requires proper server setup for index fallback in production) Yes
   
   ### 选择Linter / Formatter规范类型
   ? Pick a linter / formatter config: Basic
   
   ### 保存时检查/提交时检查
   ? Pick additional lint features: Lint on save
   
   ### 你更喜欢将Babel, ESLint等的配置放在哪里?
   ? Where do you prefer placing config for Babel, ESLint, etc.? In dedicated config files
   
   ### 是否需要保存为模版 
   ? Save this as a preset for future projects? No
   
   ### 使用什么进行下载
   ? Pick the package manager to use when installing dependencies: Yarn