vue3+ts初学之创建一个vue3项目

(1)使用vue-cli创建:

## 安装或者升级npm install -g @vue/cli## 保证 vue cli 版本在 4.5.0 以上vue --version## 创建项目vue create my-project

然后的步骤:

• Please pick a preset – 选择Manually select features
• Check the features needed for your project – 选择上TypeScript，特别注意点空格是选择，点回车是下一步
• Choose a version of Vue.js that you want to start the project with – 选择3.x (Preview)
• Use class-style component syntax – 直接回车
• Use Babel alongside TypeScript – 直接回车
• Pick a linter / formatter config – 直接回车
• Use history mode for router? – 直接回车
• Pick a linter / formatter config – 直接回车
• Pick additional lint features – 直接回车
• Where do you prefer placing config for Babel, ESLint, etc.? – 直接回车
• Save this as a preset for future projects? – 直接回车

(2)使用vite创建

• vite 是一个由原生 ESM 驱动的 Web 开发构建工具。在开发环境下基于浏览器原生 ES imports 开发，

• 它做到了***本地快速开发启动***, 在生产环境下基于 Rollup 打包。

  • 快速的冷启动，不需要等待打包操作；
  • 即时的热模块更新，替换性能和模块数量的解耦让更新飞起；
  • 真正的按需编译，不再等待整个应用编译完成，这是一个巨大的改变.

    npm init vite-app <project-name>cd <project-name>npm installnpm run dev

是我吖~