应用vue-cli创立vue3+ts我的项目

提醒：该文章为vue3+ts的！该文章是博主看的B站尚硅谷视频课来进行整顿的！尚硅谷的课真的很不错！

前言

vue3出了之后，大家曾经发现vue3的底层是拿ts写的，当然，vue对ts的适配度可是很好的了，在我的项目中应用ts做开发的话，能够从开始就能躲避很多类型上的一些bug，真的很香啊！这篇文章的话，给大家介绍一下怎么用vue-cli搭建vue+ts的我的项目！

提醒：以下是本篇文章正文内容，上面案例可供参考

一、应用 vue-cli 创立我的项目

官网文档：https://cli.vuejs.org/zh/guide/creating-a-project.html#vue-create

## 装置或降级脚手架npm install -g @vue/cli## 确保 vue-cli 版本在 4.5.0 以上vue -V## 创立我的项目vue create ts-demo

二、应用步骤

以下为博主本人的搭建办法，大家能够依照本人的习惯来创立
  1. Please pick a preset => 抉择 Manually select features
  2. Check the features needed for your project => 抉择上 TypeScript ，特地留神点空格是抉择，点回车是下一步
  3. Choose a version of Vue.js that you want to start the project with => 抉择 3.x (Preview)
  4. Use class-style component syntax => 间接回车
  5. Use Babel alongside TypeScript => 间接回车
  6. Pick a linter / formatter config => 间接回车
  7. Use history mode for router? => 间接回车
  8. Pick a linter / formatter config => 间接回车
  9. Pick additional lint features => 间接回车
  10. Where do you prefer placing config for Babel, ESLint, etc.? => 间接回车
  11. Save this as a preset for future projects? => 间接回车

  12. 运行我的项目

    // 进去创立的目录cd ts-demo// 运行我的项目npm run serve

总结

提醒：这里对文章进行总结：

以上就是vue3+ts我的项目搭建，如果您感觉文章有用的话，辛苦大家点个赞或者加个关注啦~，文章不定期更新