TypeScrpit实战篇一：使用Vue-Cli脚手架创建Vue3项目

TypeScript基础篇一: HelloWorld TypeScript

TypeScript基础篇二: 使用TypeScript编写接口和类

TypeScript基础篇三: TypeScript的命名空间

TypeScrpit实战篇一：使用Vue-Cli脚手架创建Vue3项目

文章目录

• ​​一、背景​​
• ​​二、安装vue-cli​​
• ​​三、创建项目​​
• ​​四、项目结构​​

一、背景

• Vue3 Beta版已经发布：Vue3 的源码就是用 TypeScript 编写的，更好的 TypeScript 支持也是这一次升级的亮点。本文章将使用Vue脚手架来创建Vue3项目，看看在Vue中如何使用TypeScript。

二、安装vue-cli

• 安装Vscode编辑器
• 安装Node和Npm
• 安装TypeScript
• 安装vue-cli

> npm install

三、创建项目

• 使用命令行创建项目

>

2. 选择手动配置项



4. 选择自定义项，注意要把TypeScript选项打勾



6. 确定Vue版本号：使用Vue3



8. 以下一些选项可根据编程规范自行选择



10. 以上选项确定后，脚本架将自动创建项目



11. 
    

四、项目结构

• Vue的脚手架非常简单易懂，创建完项目后结构已经完全给你部署好了



• 运行项目

> npm install
 > npm

• 打开首页