关于前端:使用vuecli创建vue3ts项目

应用 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 我的项目搭建，如果您感觉文章有用的话，辛苦大家点个赞或者加个关注啦~，文章不定期更新