Vue框架 介绍

2023-07-07 11:28:31 浏览数 (1)

Vue框架 - 介绍

介绍内容包含：Vue.js是什么、Vue项目搭建。

Vue 官方文档

1. Vue.js 是什么

​ Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与现代化的工具链以及各种支持类库结合使用时，Vue 也完全能够为复杂的单页应用提供驱动。

2. Vue项目搭建

2.1. 什么是vue-cli

Vue CLI 是一个基于 Vue.js 进行快速开发的完整系统，提供：

  1. 通过 @vue/cli 实现的交互式的项目脚手架。
  2. 通过 @vue/cli @vue/cli-service-global 实现的零配置原型开发。
  3. 一个运行时依赖 (@vue/cli-service)，这个依赖： （1）可升级； （2）基于 webpack 构建，并带有合理的默认配置； （3）可以通过项目内的配置文件进行配置； （4）可以通过插件进行扩展。
  4. 一个丰富的官方插件集合，集成了前端生态中最好的工具。
  5. 一套完全图形化的创建和管理 Vue.js 项目的用户界面。

2.2. 快速创建项目

（1）如果你还没有安装 VueCLI，请执行下面的命令安装或是升级：

代码语言：javascript复制
npm install --global @vue/cli

（2）在命令行中输入以下命令创建 Vue 项目：

代码语言：javascript复制
vue create 项目名

2.3. 图形化界面创建

通过 vue ui 命令以图形化界面创建和管理项目

代码语言：javascript复制
vue ui
插件 工具 管理 框架 配置

0 人点赞