如何使用WebStorm创建Vue3项目

由于WebStorm 2022.2版本中对Vue3和TypeScript提供了更好的支持，因此推荐使用最新的Webstorm直接创建Vue3项目

官网WebStorm 2022.2 Vue3相关更新内容

image-20220729102409600

新建Vue3项目

在我们安装完WebStorm后，需要安装NodeJs来用于支持Vue3的运行，具体NodeJs可在直接安装最新的，安装完成后打开WebStorm新建项目

image-20220729102923638

image-20220729103115508

安装完成后会提示是否更新最新的Npm，输入框选择Yes即可

image-20220729103224782

查看安装的Vue版本

一、使用命令行查看版本

命令框中输入 npm list vue查看Vue版本

image-20220729103331245

二、在配置文件中查看版本

打开配置文件package.json，在里面查看版本，如图所示Vue版本为Vue3

image-20220729103558708

posted @ 2022-07-29 10:38  HeiDaotu  阅读(5748)  评论(0)    收藏  举报