前端如何通过vue/cli脚手架创建vue项目

---

💌 作者简介

• 📖 个人介绍：小伙伴们，大家好！我是水香木鱼，【前端动态图解领域创作者】😜
• 📜 CSDN主页：水香木鱼
• 📑 个人博客【简历】：陈春波
• 🎨 系列专栏：邂逅Vue2
• 🌹 一键四连：关注💋+点赞👍+收藏⭐+留言📝
• 📢 人生箴言：即使没有万全准备，也要勇敢迈出第一步。

---

1、新建文件夹

存放project

2、打开命令窗口【俗称黑窗口】

进入新创建好的文件夹内，在路径处 输入cmd 进入黑窗口

3、执行创建vue命令

注意：前提是已经安装好vue/cli@3.12.1，才可以创建项目

4、自定义创建项目

注意：按方向键 🔼 🔽 进行选择 , 回车键确认下一步

---

5、基本配置

6、选择路由模式

7、选择css编译器

8、推荐【模块分类】

按方向键 🔼 🔽 选择 In package.json 回车键 确定

9、是否保存为下次配置

输入 n 【不保存】

10、配置安装中…

11、配置安装完成

12、运行项目

• cd 到创建的目录名下
• 输入命令：npm run serve 运行项目

13、项目启动成功

14、项目运行界面

打开浏览器，地址栏输入 http://localhost:8080/

---

📖 写在最后

感谢大家阅读到结尾，本次的文章就分享到这里，总结了如何通过vue/cli脚手架创建vue项目,希望可以帮到大家，谢谢。

如果您觉得这篇文章有帮助到您的的话不妨关注+点赞+收藏+评论+转发 支持一下哟~~😛您的支持就是我更新的最大动力。