下载和安装Vue脚手架(Vue CLI)
要使用Vue脚手架(Vue CLI)来快速搭建Vue.js项目,需要遵循以下步骤:
确保自己已经安装了Node.js和npm: 首先,确保你已经在计算机上安装了Node.js和npm。你还可以可以从 Node.js官网 下载并安装最新版本的Node.js,npm会随之安装。
安装Vue CLI: 打开终端(命令行界面)并运行以下命令来全局安装Vue CLI:
1
npm install -g @vue/cli
这会在全局范围内安装Vue CLI。根据你的系统和网络速度,可能需要一些时间来完成安装。
验证安装: 安装完成后,你可以运行以下命令来验证Vue CLI是否成功安装:
1
vue --version
如果一切正常,你将看到安装的Vue CLI版本号。

创建Vue项目: 安装完成后,你可以使用Vue CLI来创建新的Vue项目。在命令行中运行以下命令:
1
2cd 目标文件夹的路径
vue create your-project-name将
your-project-name替换为你想要的项目名称。然后按照提示进行配置选择,Vue CLI将会创建一个新的Vue项目文件夹。进入项目目录并启动开发服务器: 进入新创建的项目文件夹,再用vscode打开(我建议Vscode打开,我们之后还有用vscode):
1
2cd your-project-name
code .然后新建终端运行以下命令启动开发服务器:
1
npm run serve
这将启动一个本地开发服务器。