首页>>互联网>>DevOps->vuecli是什么,干什么用的?

vuecli是什么,干什么用的?

时间:2023-12-11 本站 点击:0

如果只导入vue.min.js就能使用,那创建vue工程干什么用的

首页你得知道“单页应用”简称“SPA”这个东西是什么。

然后你需要了解前后端分离的开发模式。

下面回答你的问题:

vue-cli 是搭建Vue SPA d 脚手架,就是一个生成工程模板的工具。

SPA只负责前端,所有业务逻辑由后端负责处理

前后端交互通过接口(REST),ajax也好,axios也行,都是一种工具,没有具体的技术限制。

vue.min.js 可以用在非SPA的项目中,属于静态引用,可以再html或者jsp中类似jquery一样引入,只不过在html文件中Vue的写法和在SPA vue组件文件中写法稍微不同。

后端没有限制,python、java、ruby 无所谓,前后端通过接口交互。

一篇文章说清 webpack、vite、vue-cli、create-vue 的区别

先看这个表格:

是不是有了一个整体的感觉?我们再来详细的看一下。

官网:

vue-cli 是 Vue 早期推出的一款脚手架,使用 webpack 创建 Vue 项目,可以选择安装需要的各种插件,比如 Vuex、VueRouter等。

vue-cli 用于创建 vue2 的项目;

@vue/cli 用于创建 vue3 的项目,当然也支持 vue2。

使用起来还是比较繁琐的,首先要安装脚手架,然后使用 vue create hello-world 创建项目,具体的就不介绍了。

官网:

create-vue 是 Vue3 的专用脚手架,使用 vite 创建 Vue3 的项目,也可以选择安装需要的各种插件,使用更简单。

然后我们可以选择需要的各种插件:

官网:

使用 vite 不仅可以创建 vue 的项目,而且可以创建 react 等项目,只是需要手动安装第三方插件,有点麻烦。

目前支持的模板预设如下:

官网:

rollup 是一种打包工具,特点就是,打的包非常精简,体积小。

官网是英文的,中文资料也比较少,不过好在常规用法可以参考 vite的官网。

尤雨溪在知乎的一次回答( )里提到:

webpack 是一个全能选手,啥都能干,只是有点复杂,对新手不太友好。

Rollup 是后起之秀,打包更简洁。

vite 把 rollup 变成了“开袋即食”,便于新手入门。

create-vue 基本取代了 vue-cli,除非你想创建 vue2 的项目。

所以,想创建一个 vue3 的项目,首选 create-vue,非常方便快捷,建立的项目也可以统一风格。

vue和vue-cli的区别与联系

vue和vue-cli的区别与联系

    vue:是一套框架,用于构建用户界面的渐进式框架。

    vue-cli: 而vue-cli 是一个基于 Vue.js进行快速开发的完整系统。

区别:

vue是一整套框架,而vue-cli只是它其中的一个脚手架

联系:

    vue-cli 是vue的命令行工具

    vue-cli是一个完整的vue项目核心构成


本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如若转载,请注明出处:/DevOps/23360.html