使用vue-cli创建vue2项目（详解）

神仙姐姐QAQ

于 2022-04-02 14:52:05 发布

阅读量1w

点赞数 10

分类专栏： vue 文章标签： vue.js vue node.js webpack

本文链接：https://blog.youkuaiyun.com/qq_43080548/article/details/123919123

版权

vue 专栏收录该内容

8 篇文章

订阅专栏

本文详细介绍了如何在VueCLI3及以上版本环境中，通过安装桥接工具创建Vue2项目。首先确保安装了Node.js，然后安装webpack，接着安装@vue/cli-init。在项目文件夹中打开命令行，使用vueinitwebpackmy-project命令创建项目，并根据提示配置项目信息。项目创建后，进入项目目录并启动本地服务器，即可在浏览器中预览项目。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

使用vue-cli创建vue2项目（详解）

说明！！！：Vue CLI >= 3 和旧版使用了相同的 vue 命令，所以 Vue CLI 2 (vue-cli) 被覆盖了。所以使用脚手架创建vue2的项目，需要先全局安装一个桥接工具，然后创建一个vue2的项目：

第一步：搭建node运行环境，根据操作系统选择相应安装包
下载地址：https://nodejs.org/en/download/
在这里插入图片描述
检验是否安装成功，命令行中直接输入node -v，返回版本号即可。

第二步：安装webpack

npm install webpack –g

第三步：安装脚手架

npm install -g @vue/cli-init

准备工作完成后，在硬盘上找到项目最终存放的文件夹，直接在上方输入cmd，点击回车，进入到小黑窗口。
在这里插入图片描述
第四步：创建项目
使用vue init webpack my-project命令创建项目，其中my-project为项目名称，然后根据提示，配置项目的相关属性信息，其中包括项目名称、项目描述、作者，是否使用路由等相关设置。

配置完项目信息后，等待项目的创建，项目创建后，根据命令行工具的提示，cd到项目目录，然后输入提示信息，会自动开启一个本地服务器。
在这里插入图片描述

然后将网址复制到浏览器中，即可访问创建的程序。