【Vite·2】vite脚手架create-vite和vite的区别

vite官网:开始 | Vite 官方中文文档

vite的官方安装教程如下

Vite 需要 Node.js 版本 14.18+,16+。然而,有些模板需要依赖更高的 Node 版本才能正常运行,当你的包管理器发出警告时,请注意升级你的 Node 版本。

安装create vite脚手架 

npm create vite@latest 
yarn create vite
pnpm create vite

 注:npm create 命令效果同 npm init ,这是npm规定的

根据脚手架搭建项目

# npm 6.x
npm create vite@latest my-vue-app --template vue

# npm 7+, extra double-dash is needed:
npm create vite@latest my-vue-app -- --template vue

# yarn
yarn create vite my-vue-app --template vue

# pnpm
pnpm create vite my-vue-app --template vue

create-vite和vite的关系

根据上面的实例,我们可以知道,使用vite创建项目过程中,我们先安装了create-vite脚手架,然后使用了脚手架创建项目。可见,create-vite内置了vite
如果我们自己搭建一个项目,至少需要下载以下依赖
vite, vue, post-css, less, babel....
create-vite给我们预设了一套模板,模板内置了vite, vue, post-css, less, babel等等依赖, 并且做好了最佳实践的配置

create-vite与vite的关系同vue-cli和webpck的关系。只是,create-vite与vite都是vue团队开发的。

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
要将Create React App项目迁移到Vite,可以按照以下步骤进行操作: 1. 首先,将原来的脚本替换为Vite的脚本。根据引用中的内容,将原来的脚本替换为以下内容: ```json "scripts": { "start": "vite", "build": "vite build", "test": "vite test", "eject": "vite eject" } ``` 2. 接下来,需要将Create React App项目的相关文件和依赖迁移到Vite项目中。可以通过以下步骤进行操作: - 将src目录下的文件和文件夹复制到Vite项目的src目录下。 - 将public目录下的文件和文件夹复制到Vite项目的public目录下。 - 将package.json中的依赖项复制到Vite项目的package.json中,并运行```npm install```来安装这些依赖。 3. 最后,运行```npm start```命令启动Vite开发服务器,以确保项目能够正常运行。根据Vite的文档,Vite会自动检测你的项目的文件并进行相应的构建和热更新。 通过以上步骤,你就成功将Create React App项目迁移到Vite,并可以使用Vite的优化和快速开发能力来加快你的项目开发过程。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* *2* *3* [Vite 3.0 vs. Create React App:比较和迁移指南](https://blog.csdn.net/weixin_47967031/article/details/127160448)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT0_1"}}] [.reference_item style="max-width: 100%"] [ .reference_list ]
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值