如何构建Vue3+typescript脚手架项目

1.首先安装node和Vue脚手架vue-cli

node去官网下载安装即可，至少保证10.0版本以上，越新越好
vue-cli 墙裂推荐更新一下，至少保证4.5.0以上，因为这个版本才能支持创建最新版Vue3的基础项目

npm install -g @vue/cli

2.创建项目

创建名为vue3-demo的项目

vue create  vue3-demo

没有Vue3说明cli是旧版本，需要先更新，选择最后一个Manually select features选项(因为我们要添加ts，需要手动选择特性)回车继续
上下箭头键，移动第三项，***点击空格选中***Typescript, （切记是空格选中！切记是空格选中！切记是空格选中！） 然后再回车，回车表示进行下一步了

选择3的Vue版本

• Use class-style component syntax？这个配置，Vue3已经重写，不用class也会写的很舒服，不需要添加额外配置，选择N就行，
• Use Babel alongside TypeScript (required for modern mode, auto-detected polyfills, transpiling JSX)? 此项目没用到jsx,我选择了no
• Pick a linter / formatter config？eslint我也选择的首个默认的，这个根据个人喜好
• Pick additional lint features 的选项中，我选择了保存的时候lint,放弃了commit时候lint和帮我们fix的选项
• Where do you prefer placing config for Babel, ESLint, etc.?我把配置放在了单个的文件里
• Save this as a preset for future projects?是问要不要保存当前配置模板，为以后建立新项目一键安装，我选择了NO

这一部分涉及到的配置，基本根据自身需求来选择，没那么死板的啦

3.启动项目

cd vue3-demo
npm run serve

打开localhost:8080,开始愉快的玩耍吧