Vue脚手架(cli和vite详解)
Vue 不会强制你选择某种开发、打包方式,但vue的生态系统提供了许多工具,例如 Vue CLI 和最近的推出的Vite js。那么你应该使用 Vite 还是 Vue CLI?在做出选择的时候,了解 Vite 和 Vue CLI 之间的区别会对我们有很大的帮助。在本文中,我将带着了解一下 Vite 与 Vue CLI,以便你可以根据自己的需求做出最佳选择。
大多数 Vue 开发人员都知道,Vue CLI 是使用标准构建工具和最佳实践配置快速建立基于 Vue 的项目的不可或缺的工具。
前端脚手架是指什么?
前端项目,无论是PC或者是手机端页面存在大量可以复用的代码,脚手架就是为了快速生成可复用代码的工具,问题有人帮你把这个开发过程中要用到的工具、环境都配置好了,你就可以方便地直接开始做开发,专注你的业务,而不用再花时间去配置这个开发环境,这个开发环境就是脚手架。
一、项目环境搭建
1.nodejs环境(有的话可跳过)
环境需要 要先使用npm进行管理,而使用npm需要先下载nodejs。
☞Nodejs下载地址中文官网
1.1 下载
根据自己电脑系统及位数选择,我的电脑是Windows系统、64位、想下载稳定版的.msi(LTS为长期稳定版)这里选择windows64位.msi格式安装包。
1.2下载你完成后傻瓜式安装(具体可以网上找教程哦)
1.3安装完成后可进入终端查看一下node是否安装成功
在前面设置好nodejs相关的配置之后,我们可以直接使用npm工具拉取vue–cli脚手架
二、关于cli脚手架
cli介绍
CLI 脚手架,可以把许多项目通用的依赖包(vue、axios、webpack、路由、vuex、less编译器等等一些第三方插件工具) 和 通用的配置都给安装配置好,使得开发者可以把全部的注意力都集中在业务层面,明显提升开发效率,真实项目都要使用脚手架开发。Vue CLI 是官方提供的基于 Webpack 的 Vue 工具链,它现在处于维护模式。我们建议使用 Vite 开始新的项目,除非你依赖特定的 Webpack 的特性。在大多数情况下,Vite 将提供更优秀的开发体验。