Vue CLI脚手架创建Vue3项目

痛定思痛。 2024-04-06 10:39 84阅读 0赞

1、打开命令窗口切换到项目保存目录  
![在这里插入图片描述][946b8640907049e2b5f376325d23b9ac.png]  
2、选择Vue 3创建  
![在这里插入图片描述][447c83bc579743f9b2c60392420c2826.png]  
3、等待创建，提示Successfully created project创建成功。  
![在这里插入图片描述][7b7d82a441c64d2b8e3d657224231144.png]![在这里插入图片描述][f0ba07d01c5f4448a02d3db319dbacb0.png]  
4、创建好的项目目录  
![在这里插入图片描述][b207dffdb48840ae9f9b1fa7220846e6.png]  
5、用开发工具idea、vscode等打开hello-vue3项目开发就可以了，按个人喜好我用的是idea

> 第一次运行时先初始化安装

![在这里插入图片描述][2565c2c413f646368e87e4c75e966b74.png]  
6、启动成功，发挥创造吧~~~~  
![在这里插入图片描述][b6c41f1777b446fcaedbf5a04f8d9f33.png]  
![在这里插入图片描述][f7b77ea74a7746d5b5ecf10435debfa3.png]

7、yarn命令没有安装的小伙伴可以参考这个  
[https://blog.csdn.net/weixin\_40808668/article/details/122606543][https_blog.csdn.net_weixin_40808668_article_details_122606543]

## 求关注~~~ ##

<table> 
 <thead> 
  <tr> 
   <th>点关注不迷路，喜欢的朋友们关注支持一下</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>给点继续写的动力，感谢！！</td> 
  </tr> 
 </tbody> 
</table>

[946b8640907049e2b5f376325d23b9ac.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/06/04997fcb31f94d6685f49981f7bae369.png
[447c83bc579743f9b2c60392420c2826.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/06/a65753573df14b7895fd4ea0c37d270b.png
[7b7d82a441c64d2b8e3d657224231144.png]: https://img-blog.csdnimg.cn/7b7d82a441c64d2b8e3d657224231144.png
[f0ba07d01c5f4448a02d3db319dbacb0.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/06/c39309cbf3d44d069bdda82bb4a9fcdd.png
[b207dffdb48840ae9f9b1fa7220846e6.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/06/5f84c9a72d2c4e20963653c6f5214db5.png
[2565c2c413f646368e87e4c75e966b74.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/06/32f5cb8f0eed43c8bee3b47a458fd6de.png
[b6c41f1777b446fcaedbf5a04f8d9f33.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/06/cd887e7ef1c04c2a8039c2e326ec2354.png
[f7b77ea74a7746d5b5ecf10435debfa3.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/06/0480c65d5d58452ab471fb8dbfb886a0.png
[https_blog.csdn.net_weixin_40808668_article_details_122606543]: https://blog.csdn.net/weixin_40808668/article/details/122606543