使用vue-cli创建vue3+ts项目提示:本文适用于vue3+ts!本文由看哔哩哔哩上硅谷视频课的博主整理!上硅谷的课真不错!前言vue3发布后,大家发现vue3的底层是用ts写的。当然vue对ts的适配性很好。如果在项目中使用ts进行开发,可以从一开始就避免很多类型网站的一些bug,真是太好吃了!这篇文章就来介绍一下如何使用vue-cli搭建一个vue+ts项目吧!提示:以下为本文正文内容,以下案例供参考。1.使用vue-cli创建项目官方文档:https://cli.vuejs.org/zh/guide/creating-a-project.html#vue-create##安装或升级脚手架npminstall-g@vue/cli##确保vue-cli版本在4.5.0以上vue-V##创建项目vuecreatets-demo2.以下步骤是博主自己搭建的方法,大家可以根据自己的习惯创建.Pleasepickapreset=>selectManuallyselectfeatures勾选你项目需要的features=>选择TypeScript,特别注意点击空格选择,回车选择你要启动项目的Vue.js版本with=>Select3.x(Preview)Useclass-stylecomponentsyntax=>EnterdirectlyUseBabelalongsideTypeScript=>EnterdirectlyPickalinter/formatterconfig=>EnterdirectlyCheckUsehistorymodeforrouter?=>直接输入选择一个linter/格式化程序配置=>直接输入选择额外的lint特性=>直接输入你喜欢在哪里放置Babel、ESLin的配置吨等?=>直接输入将此保存为未来项目的预设?=>直接回车运行项目//进入创建的目录cdts-demo//运行项目npmrunserve总结:以上就是vue3+ts项目的搭建。如果您觉得文章有用,请给我点赞或加关注。文章不定期更新
