vue-cli项目 实战

好的，下面我将为您介绍如何使用vue-cli创建一个基本的Vue.js项目。

1. 安装Node.js

Vue.js是一个基于Node.js的框架，所以我们需要先安装Node.js。具体安装步骤可以参考官方文档：https://nodejs.org/

2. 安装vue-cli

在Node.js安装完成之后，我们可以使用npm（Node.js的包管理器）来安装vue-cli。打开终端或命令行并输入以下命令：

npm install -g vue-cli

3. 创建Vue.js项目

安装vue-cli完成后，我们可以使用它来创建一个Vue.js项目。在终端或命令行中输入以下命令：

vue init webpack my-vue-project

其中，`webpack`是Vue.js使用的打包工具，`my-vue-project`是你的项目名称。运行该命令后，你会被要求输入一些项目配置信息，如项目名称、描述、作者等。根据自己的需求填写即可。

4. 安装依赖

项目创建完成后，我们需要进入项目的根目录并安装依赖。在终端或命令行中输入以下命令：

cd my-vue-project
npm install

5. 运行项目

安装依赖完成后，我们可以使用以下命令来启动项目：

npm run dev

该命令会启动一个本地服务器，并在浏览器中打开一个新的页面。在该页面中，你将看到一个Vue.js的欢迎页面。现在你已经成功创建了一个基本的Vue.js项目，可以开始编写你自己的代码了！