第二章:VUE3学习(二)----vue3+vite创建项目

在上一篇文章我们已经配置好了环境变量,接下来这一章将在此环境上创建项目。

1.使用cmd命令窗口创建项目

1.1 win键+R键在弹出的运行窗口中输入cmd如下图

第二章:VUE3学习(二)----vue3+vite创建项目_第1张图片
在弹出的对话框中,使用命令行进入到你要创建项目的文件夹,我的就放在了E:development\vue\vue3中。
第二章:VUE3学习(二)----vue3+vite创建项目_第2张图片

1.2创建项目

然后使用以下命令创建项目:

pnpm create [email protected]

接着进行以下操作
第二章:VUE3学习(二)----vue3+vite创建项目_第3张图片
第二章:VUE3学习(二)----vue3+vite创建项目_第4张图片
然后根据提示启动项目
第二章:VUE3学习(二)----vue3+vite创建项目_第5张图片
第二章:VUE3学习(二)----vue3+vite创建项目_第6张图片
安装完成如下提示
第二章:VUE3学习(二)----vue3+vite创建项目_第7张图片
然后启动项目

pnpm run dev

第二章:VUE3学习(二)----vue3+vite创建项目_第8张图片
在浏览器输入上面的IP地址即可访问
第二章:VUE3学习(二)----vue3+vite创建项目_第9张图片
项目创建成功后可以使用vscode或者其他工具进行开发了。

你可能感兴趣的:(学习,vue.js,vscode)