如何安装vue-cli
时间: 2024-06-11 14:06:58 浏览: 97
Vue CLI 是一个 vue.js 提供的脚手架工具,可以帮助我们快速创建 vue.js 项目。
安装 vue-cli 需要先安装 node.js,因为 vue-cli 是基于 node.js 运行的。
以下是在 Windows 操作系统上安装 vue-cli 的步骤:
1. 打开命令提示符(Windows 键 + R,输入 cmd,回车)或者 Powershell ,输入以下命令检查 node.js 是否已安装:
```
node -v
```
如果已经安装,会显示 node.js 的版本号;如果没有安装,需要先安装 node.js。
在 node.js 官网下载安装包:https://nodejs.org/en/download/,然后按提示安装即可。
2. 安装 vue-cli。在命令提示符或者 Powershell 中输入以下命令:
```
npm install -g vue-cli
```
这个命令会在全局安装 vue-cli。
3. 创建一个新的 vue.js 项目。在命令提示符或者 Powershell 中输入以下命令:
```
vue init webpack my-project
```
这个命令会使用 webpack 模板创建一个名为 my-project 的新项目。在创建项目的过程中,会提示你输入一些配置信息,比如项目名称、作者、描述等。
4. 进入项目目录并安装依赖。在命令提示符或者 Powershell 中输入以下命令:
```
cd my-project
npm install
```
这个命令会进入 my-project 目录,并安装项目所需的依赖。
5. 运行项目。在命令提示符或者 Powershell 中输入以下命令:
```
npm run dev
```
这个命令会启动一个开发服务器,监听代码的变化,并在浏览器中打开项目。此时,你可以开始编写代码了。
以上就是安装 vue-cli 的步骤。
阅读全文