什么是vue CLI (脚手架)?

最新推荐文章于 2025-09-12 22:08:52 发布

原创最新推荐文章于 2025-09-12 22:08:52 发布 · 373 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#vue.js #webpack #javascript

VueCLI是Vue.js的官方脚手架，用于快速搭建开发环境和webpack配置。它是一个基于nodejs的模块，通过npm安装后能便捷生成Vue项目结构。Vue语法有1.x、2.x和3.x版本，其中3.x是当前的新标准，而VueCLI的主流版本则为3.x至5.x。

CLI是Command-Line Interface, 翻译为命令行界面, 但是俗称脚手架。Vue CLI是一个官方发布 vue.js 项目脚手架。使用 vue-cli 可以快速搭建Vue开发环境以及对应的webpack配置.

现实中, 工地盖房子搭的架子就是脚手架, 建房子使用脚手架才能一点一点把房子搭起来
代码中, 一个网站,app项目也要使用脚手架进行搭建, 使用脚手架可以快速搭建一个vue项目
使用上, 脚手架就是一个nodejs模块, 使用npm下载安装后结合webpack打包工具可快速生成一个vue项目架构

vue语法版本和vue脚手架版本注意区分?

vue语法版本: 1.x 废除 2.x 之前的主流,大部分老项目都在用 3.x 21年上半年正式发布,大部分新项目在用

vue脚手架版本: 1.x/2.x 以前老的项目使用的版本 3.x/4.x/5.x目前主流版本

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

努力写代码的一天

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

Vue-Cli - Vue 脚手架的创建以及目录结构说明

CYK_byte的博客

10-18

3446

f）这个问你是否进行单词校验，校验出错会有红色波浪线. 这里不需要，因为你可能会写很多特殊字符，因此输入 n 回车即可.之后他就会去构建项目了，如果此时出现了如下错误，说明你权限不够，要使用管理员的方式打开命令行，再执行上述步骤.b）接下来会问你项目描述是否叫（默认）："A Vue.js project". 如果不想改，直接回车即可.d）接下来会问你，是否采用运行 + 编译的方式，实际上就是是否要热部署的意思，直接回车即可.h）接下来问你是否要使用 npm 来管理项目，这个肯定是需要的，直接回车即可.

搭建Vue-Cli脚手架（超详细）

2401_84150191的博客

04-10

845

基础知识是前端一面必问的，如果你在基础知识这一块翻车了，就算你框架玩的再6，webpack、git、node学习的再好也无济于事，因为对方就不会再给你展示的机会，千万不要因为基础错过了自己心怡的公司。前端的基础知识杂且多，并不是理解就ok了，有些是真的要去记。当然了我们是牛x的前端工程师，每天像背英语单词一样去背知识点就没必要了，只要平时工作中多注意总结，面试前端刷下题目就可以了。什么？你问面试题资料在哪里，这不是就在你眼前吗（滑稽就不会再给你展示的机会，千万不要因为基础错过了自己心怡的公司。

参与评论您还未登录，请先登录后发表或查看评论

【Vue2手录11】Vue脚手架（@vue_cli）详解（环境搭建+项目开发示例）

热门推荐

elie_yang的博客

04-22

2万+

作为有多年Asp.Net WebForm及Winform &WPF开发经验的老鸟来说，入门学习vue的过程中也碰见不少迷惑之处。首页一直在写Html+CSS+Javascipt(JQuery), 对现在比较火的vue也比较好奇，入门探一个究竟。首先一直看到和听到利用vue-cli搭建脚手架，听的觉得很新鲜，说到脚手架映入我脑海的就是工地上看到的脚手架，难道这里和脚手架有关系或是什么谐音之类...

vue-cli脚手架

lanlan112233的博客

04-13

2507

Vue脚手架是Vue官方提供的标准化开发工具（开发平台），它提供命令行和UI界面，方便创建vue工程、配置第三方依赖、编译vue工程删除已安装的 vue-cli先安装淘宝镜安装cli安装结束后，你可以通过或vue -V查看 vue-cli 的版本信息。

1. Vue CLI脚手架

qq_59962490的博客

06-24

910

vue cli 脚手架详解

vueCli脚手架工程文件模板

11-10

在“vueCli脚手架工程文件模板”中，我们通常会看到以下关键组件和目录： 1. **package.json**：这是项目的配置文件，包含了项目依赖、脚本、作者信息等。`dependencies`和`devDependencies`分别存储生产环境和开发...

详解vue-cli脚手架中webpack配置方法

12-03

Vue CLI 是 Vue.js 的命令行工具，用于快速搭建基于 Vue.js 的项目。它集成了许多配置，包括 Webpack。Webpack 是一个强大的模块打包工具，它能够处理 JavaScript、CSS、图片等静态资源，将它们打包成优化过的静态...

Weex的vuecli脚手架

08-10

Weex的VueCLI脚手架是为JavaScript开发者提供的一款高效工具，主要用于构建混合移动应用。Weex是由阿里巴巴开源的一个框架，它允许开发者使用一套代码来编写原生的iOS、Android和Web应用。VueCLI（Vue Command Line ...

第六章 Vue-Cli脚手架

qq_45819769的博客

12-23

493

vue-cli 是一个官方发布 vue.js 项目脚手架，使用 vue-cli 可以快速创建 vue 项目。下面介绍 vue-cli 的整个搭建过程。注意：以下内容是基于Vue-cli4.0以上版本的。 1.1.安装npm NPM（node package manager）是随同node.js一起安装的包管理工具，能解决前端代码部署上的很多问题，常见的使用场景有以下几种：允许用户从NPM服务器下载别人编写的第三方包到本地使用。允许用户从NPM服务器下载并安装别人编写的命令行程序到本地使用。允许用

Vue实战之Vue CLI 脚手架

helloworld工程师的博客

02-22

974

Vue CLI 脚手架 14.1 什么是CLI 命令行界面（英语：command-line interface，缩写：CLI）是在图形用户界面得到普及之前使用最为广泛的用户界面，它通常不支持鼠标，用户通过键盘输入指令，计算机接收到指令后，予以执行。也有人称之为字符用户界面（CUI） 14.2 什么是Vue CLI Vue CLI 是一个基于 Vue.js 进行快速开发的完整系统。使用Vue 脚手架之后我们开发的页面将是一个完整系统(项目)。 14.3 Vue CLI优势通过 vue-cli

Vue CLI脚手架

申小兮和林小兮的博客宝

04-14

1370

plugin介绍及使用，搭建本地服务，Vue CLI脚手架介绍及Vue CLI最新版本详细操作步骤，VueCLI2版本的项目创建步骤

vue脚手架依赖包安装不成功_Vue-CLI是什么？Vue-CLI2.x到Vue-CLI3.x有哪些进步？

weixin_39672011的博客

11-25

325

点击右上方红色按钮关注“web秀”，让你真正秀起来前言如果你用Vue搭建过项目，应该都熟悉vue init webpack projectName命令，至于为什么是这个命令，相信了解的人不是特别多，反正我能用就行了。现在我们就来好好了解一波。Vue-CLI是什么?Vue-CLI是Vue.js的脚手架，用于自动生成vue.js+webpack的项目模板。运行vue init webpack proj...

Vue CLI 脚手架

程序员小王的博客

12-23

2276

Vue CLI 是一个基于 Vue.js 进行快速开发的完整系统。使用Vue 脚手架之后我们开发的页面将是一个完整系统(项目)。前端系统

Vue-cli脚手架

qq_61541602的博客

06-12

645

Vue-cli脚手架安装与创建

vue脚手架vue-cli

qq_49793461的博客

12-17

467

vue-cli(俗称：vue)是 vue 官方提供的、快速生成 vue 工程化项目的工具。特点：开箱即用，基于，功能丰富且易于扩展支持创建 vue2 和 vue3 的项目。@vue/cli@vue/cliVue CLI 致力于将 Vue 生态中的工具基础标准化。它确保了各种构建工具能够基于智能的默认配置即可平稳衔接，这样你可以专注在撰写应用上，而不必花好几天去纠结配置的问题。与此同时，它也为每个工具提供了调整配置的灵活性，因此常用于开发当中。

如何详细地按照步骤安装Vue CLI脚手架？

10-28

安装Vue CLI（Vue命令行界面）是一个相对简单的过程，下面是详细的步骤： 1. **确保Node.js已安装**：首先，你需要在电脑上安装Node.js，因为Vue CLI依赖于它。你可以从官方网站 https://nodejs.org/ 下载并安装。 ...