Vue进阶——Vue CLI
最新回答
待我学渣成霸
2026-10-22 13:54:34
一、什么是Vue CLI？
CLI是Command-Line Interface的缩写，翻译为命令行界面。Vue CLI是基于Vue.js进行快速开发的完整系统，亦称为脚手架。它帮助开发人员自动化并简化应用程序的开发过程，提供创建和配置Vue.js项目所需的所有工具和依赖项。Vue CLI允许用户选择所需的插件和功能，快速搭建项目架构并开始编写代码。它提供开发服务器、构建和打包工具、自动化测试和部署等功能，以提高开发人员构建Vue.js应用程序的效率。
二、如何安装Vue CLI？
1. Node 版本要求：Vue CLI 4.x版本需要Node.js v8.9或更高版本，建议使用v10及以上版本。使用n，nvm，或nvm-windows在同一个计算机上管理多个Node版本。
在安装目录打开cmd，运行以下命令之一进行安装：
如已安装旧版本Vue CLI（1.x或2.x），需要先通过npm uninstall vue-cli -g或yarn global remove vue-cli卸载它。
若需升级全局Vue CLI包，请输入以下命令：
安装完成后，通过以下命令检查是否正确安装了Vue CLI：
三、使用Vue CLI创建Vue项目
1.Vue ui项目创建：打开cmd，点击创建并选择适合的路径，输入项目名，包管理选择默认，选择预设（手动）、项目功能（Vuex、Router）、项目配置（Vue.js版本、路由模式、代码规范）、导入插件、依赖（推荐导入Axios、Element UI）、项目运行（选择serve，运行并启动app）。
2.cmd创建：创建一个存放项目的文件夹，并在该文件夹中打开cmd。在cmd中输入vue create 项目名，选择预设（默认或手动），手动选择特性（router、vuex），版本选择，保存为模板，选择代码规范（ESLint配置），配置文件存放位置（专用配置文件或package.json），保存为未来项目的预配置。
拓展：Vue进阶——Element UI
网站Linux服务器环境搭建
网站搭建常用组件
热门标签
