如何创建Vue3项目

109 阅读1分钟

一、检查node和npm的版本信息

同时按住window+R,输入cmd,打开命令提示符窗口

微信截图_20231128105700.png

输入:node -v(查看本机安装的node版本)

微信截图_20231128110319.png

输入:npm -v(查看本机安装的npm版本)

微信截图_20231128110518.png

二、通过create-vue搭建vue3项目

检查node版本的时候已经将命令提示符窗口打开了,咱可以接着下面开始创建项目

输入:npm init vue@latest

这一指令将会安装并执行create-vue,它是vue官方的项目脚手架工具:

微信截图_20231128111404.png

我们依次输入问题的答案,帮助创建项目:

微信截图_20231128111757.png

脚手架工程项目在指定位置被创建好。

在项目创建好后,可以根据以下步骤进行安装依赖并运行项目

微信截图_20231128112123.png

到此咱的基础项目已经创建完毕~