新建一个vue+typescript项目

1、生成package.json文件

yarn init -y

新建一个vue+typescript项目_第1张图片
2、下载最新脚手架

 yarn add -D @vue/cli

如果指定版本下载则:例如:yarn add -D @vue/[email protected]
查看版本

npx Vue -V

新建一个vue+typescript项目_第2张图片
3、构建项目 vue-ts-project

npx vue create vue-ts-project

选择手动Manuallly select features
新建一个vue+typescript项目_第3张图片
是否用类的语法 Y
新建一个vue+typescript项目_第4张图片
是否用babel编译器 Y(Yes)
是否使用class风格的组件语法
等等如下:
新建一个vue+typescript项目_第5张图片
4、项目创建成功、运行项目

cd vue-ts-project
npm run serve

新建一个vue+typescript项目_第6张图片

你可能感兴趣的:(vue,typescript)