2024最新：关于基于vue-cli脚手架创建vue项目（图文版）

目录

一.vue-cli脚手架·概述（来源于官方文档）

二.创建流程

2.1 首先安装node.js，如未安装请移步到：安装node.js

2.2 安装脚手架vue-cli

2.2.1 使用npm install -g @vue/cli命令

 2.2.1 使用vue -V 查看版本并检验是否安装成功

 2.3 安装vue项目

2.3.1 使用命令 vue create 项目名

​编辑 2.3.2 这里我们主要来选择一下  Manually select features （光标键控制）

按需选择（字段说明）：

​  2.4 创建成功

2.4.1 运行结果

---

一.vue-cli脚手架·概述（来源于官方文档）

Vue CLI 是一个用于快速 Vue.js 开发的完整系统，提供：

• 交互式项目脚手架通过 .@vue/cli
• 运行时依赖项 （），即：@vue/cli-service
  • 可升级;
  • 构建在 webpack 之上，具有合理的默认值;
  • 可通过项目内配置文件进行配置;
  • 可通过插件扩展
• 丰富的官方插件集合，集成了前端生态系统中最好的工具。
• 一个完整的图形用户界面，用于创建和管理 Vue.js 项目。

Vue CLI 旨在成为 Vue 生态系统的标准工具基线。它确保各种构建工具与合理的默认值一起顺利运行，因此您可以专注于编写应用程序，而不是花费数天时间争论配置。同时，它仍然提供了调整每个工具配置的灵活性，而无需弹出。

二.创建流程

2.1 首先安装node.js，如未安装请移步到：安装node.js

2.2 安装脚手架vue-cli

2.2.1 使用npm install -g @vue/cli命令

npm install -g @vue/cli