乐趣区

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

退出移动版