> 文档中心 > 前端如何通过vue/cli脚手架创建vue项目【vue工具】

前端如何通过vue/cli脚手架创建vue项目【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项目,希望可以帮到大家，谢谢。

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

在这里插入图片描述