vue非常受欢迎，vue3.0+typescript将vue带到了一个新的高度。让编码变得更加规范；什么是打字稿？TypeScript是JavaScript的超集，主要提供类型系统和对ES6的支持；这里不多做详细解释，感兴趣的同学可以阅读文档：https://ts.xcatliu.com/basics；事不宜迟，让我们开始编码；先附上vue3.0文档https://cli.vuejs.org/zh/guide/InstallingVueCLIScaffoldingVueCLI的包名由vue-cli改为@vue/cli。如果您全局安装了旧版本的vue-cli（1.x或2.x），您需要先通过npmuninstallvue-cli-g或yarnglobalremovevue-cli卸载它。npminstall-g@vue/cli#ORyarnglobaladd@vue/cli安装完成后可以通过vue-V查看版本构建项目vuecreatevue-ts会提示选择预设。您可以选择包含基本Babel+ESLint设置的默认预设，也可以选择“手动选择功能”来选择所需的功能。默认是没有ts的，所以我们要选择第二个来自定义我们需要的；？Pleasepickapreset:default(babel,eslint)//默认配置>Manuallyselectfeatures//下一步就是选择我们需要的选项来生成项目，用空格键选择？检查项目所需的功能：(*)Babel//javascripttranspiler(*)TypeScript//使用TypeScript编写源代码()ProgressiveWebApp(PWA)Support//ProgressiveTypeWEBapplication(*)Router//usevue-router(*)Vuex//使用vuex(*)CSS预处理器//使用css预处理器>(*)Linter/Formatter//代码规范标准()单元测试//单元测试()E2E测试//是否e2e测试使用Class风格装饰器？那原来是：home=newVue()创建一个vue实例使用装饰器后：classhomeextendsVue{}?使用类风格的组件语法？(Y/n)N将Babel与TypeScript一起用于自动检测的polyfills？将Babel与TypeScript一起使用（现代模式、自动检测的polyfills、转译JSX需要）？(Y/n)Y路由模式？路由器使用历史记录模式？（需要为生产中的索引回退设置适当的服务器）（是/否）是我选择Sass/SCSS（使用dart-sass）？选择一个CSS预处理器（默认支持PostCSS、Autoprefixer和CSSModules）：(使用方向键)>Sass/SCSS(withdart-sass)//保存后编译Sass/SCSS(withnode-sass)//实时编译LessStylus选择代码格式检测因为用的是typescript，所以选择TSLint？Pickalinter/formatterconfig:(Usearrowkeys)>TSLint//typescript格式验证工具ESLintwitherrorpreventiononly//仅错误提醒ESLint+Airbnbconfig//非严格模式ESLint+Standardconfig//普通模式ESLint+Prettier//Strictmodecodeinspectionmethodsaveinspection>toinvertselection)>(*)Lintonsave()Lintandfixoncommit文件配置，我选择在单独的文件中配置？你更喜欢把Babel、PostCSS、ESLint等的配置放在哪里？（使用方向键）>在专用配置文件中在package.json中保存上面的配置。保存后，下次直接按照上面的配置生成工程即可。我不会在这里保存它。需要的同学可以自己保存ted的配置文件吗？将其保存为未来项目的预设？(y/N)NOK，等待项目加载各种包...加载后$cdvue-ts$npmrunserve至此我们的项目已经生成并启动；默认值为本地主机：8080。查看项目目录结构，与vue2.0类似但不完全相同。有同学会疑惑webpack的配置在哪里？vue自己封装了相应的webpack配置，所以如果要修改配置，可以自己添加配置文件，这里就不详细解释了，可以参考文档https://cli.vuejs。组织/zh/配置
