v-cli 是一个基于 Vue.js 的脚手架工具，可以帮助开发者快速搭建一个 Vue.js 项目模板，避免重复搭建项目的繁琐过程，从而提高开发效率。本文将为大家介绍如何使用 npm 包 v-cli 搭建一个 Vue.js 项目。
安装
为了使用 v-cli，我们需要先安装 Node.js 和 npm。安装好之后，在命令行中输入以下命令来安装 v-cli：
npm install -g v-cli
这个命令将会在全局安装 v-cli，可以在任何地方使用它。
创建一个项目
在命令行中输入以下命令创建一个新的 Vue.js 项目：
v init <template-name> <project-name>
其中，<template-name> 表示使用的模板名称，<project-name> 表示项目名称。比如，如果我们想使用基于 webpack 模板创建一个名为 my-project 的项目，可以输入以下命令：
v init webpack my-project
这个命令将会在当前目录下创建一个名为 my-project 的文件夹，里面包含了一个基于 webpack 的 Vue.js 项目模板。
运行项目
在创建完项目之后，我们可以进入项目所在目录，运行以下命令来启动项目：
cd my-project npm run dev
这个命令将会在浏览器中启动一个开发服务器，我们可以在浏览器中访问 http://localhost:8080 来查看项目效果。
打包项目
当我们完成项目开发后，需要将项目打包发布。在项目所在目录中，运行以下命令来打包项目：
npm run build
这个命令将会在项目的 dist 目录下生成一个打包好的文件，我们可以将这些文件上传到服务器上发布项目。
总结
v-cli 是一个非常有用的 Vue.js 脚手架工具，可以帮助我们快速搭建 Vue.js 项目并提高开发效率。使用 v-cli，我们可以避免重复的项目搭建工作，更加便捷地开发出高质量的项目。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600562e681e8991b448e0861