如果只导入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项目核心构成