Vue-cli教程

Vue-cli是Vue.js官方提供的一个脚手架工具，可以快速搭建Vue.js的开发环境。以下是Vue-cli的教程：

1. 安装Node.js和npm
Vue-cli是基于Node.js的，所以首先要安装Node.js和npm。安装完毕后，可以在终端中输入以下命令检查是否安装成功：

node -v
npm -v

2. 全局安装Vue-cli
在终端中输入以下命令进行全局安装：

npm install -g @vue/cli

安装完成后，可以输入以下命令检查是否安装成功：

vue --version

3. 创建Vue项目
在终端中进入项目所在的文件夹，输入以下命令创建Vue项目：

vue create project-name

其中，project-name是项目名称。

4. 选择项目配置
创建项目后，会出现一个配置选项，可以选择手动配置或者默认配置。手动配置可以自定义项目的配置，包括babel、eslint等。默认配置则会使用Vue-cli提供的默认配置。

5. 运行项目
在项目文件夹中输入以下命令启动项目：

npm run serve

6. 构建项目
在项目文件夹中输入以下命令进行项目构建：

npm run build

构建完成后，会在项目文件夹中生成一个dist文件夹，里面包含了构建好的项目文件。

以上就是Vue-cli的教程，希望对你有帮助！