了解

Vue脚手架 是Vue提供的标准化开发工具。

我们现在学的是Vue,注意本节讲的是 Vue脚手架。

061_创建Vue脚手架 - 图1

Vue 脚手架

官网地址: https://cli.vuejs.org/zh/

Vue 脚手架 纯英文: Vue CLI //CLI = Command Line Interface 命令行接口工具(这个叫法 太官方,我们俗称 脚手架)

安装

安装前,需要把 npm地址 配置为 淘宝镜像(加速下载):

npm config set registry https://registry.npm.taobao.org

然后全局安装 Vue CLI:

npm install -g @vue/cli

可能在安装过程中会出一些警告,但是这些警告是Vue作者造成的,如果卡住了,我们按下回车即可。
061_创建Vue脚手架 - 图2

安装完成之后,关闭cmd,再打开一次cmd。

切换到我们创建的项目的目录

如果想在桌面创建一个脚手架,那么我们就执行:

vue create 项目名

061_创建Vue脚手架 - 图3
我们目前选择 Vue 2
061_创建Vue脚手架 - 图4
回车,等待完成即可。最后就会在 vue_test目录中看到很多文件(脚手架 + hellowworld例子)

//用于翻译我们写的代码,并启动调试服务器。

npm run server

创建完成后,会在目录中给我们创建了 脚手架+例子HelloWorld

上面的内容来源视频教程。
我今天试了一下,截至 2025-10-26 的情况如下: