vite创建vue3项目

vite官方文档

1. 使用指令创建项目

>  npm create vite your-project-name
>  or
>  yarn create vite your-project-name

此处演示使用npm,执行该指令时,遇到下述7.1所示报错。

Need to install the following packages(需要安装以下软件包): y (同意安装)

2. 当前项目使用什么框架

Select a framework(选择框架)

3. 选择变种(语言)

Select a variant (选择变种 (语言) ):

4. 项目创建完成


5. 切换、安装依赖、启动项目


6. yarn 代替 npm ,使用vite创建项目

yarn create vite

7.踩坑

7.1 报错:ExperimentalWarning: The ESM module loader is experimental.

问题描述:

https://github.com/vitejs/vite/tree/main/packages/create-vite#scaffolding-your-first-vite-project
在文档内可看到, Vite 需要Node.js版本14.18+、16+

解决办法:

切换Node版本



参考文档:https://zhuanlan.zhihu.com/p/563971503

vue - - - - vite创建vue3项目(不使用TS)相关推荐

  1. Vite --- 创建Vue3项目

    Vite 需要 Node.js 版本 >= 12.0.0. 1. node -v 查看node当前版本号 2. npm方式 创建Vue3项目 npm init @vitejs/app 输入项目名 ...

  2. 用 Vite 创建Vue3项目和相关开发工具配置

    目录 一.创建项目 二.vite的快捷用法 三.安装Vue3开发工具 Vite热更新.打包构建速度更快,但目前周边生态还不如 Webpack 成熟,目前实际开发中还是以 Webpack 为主,但目前就 ...

  3. 使用vite创建vue3项目

    一.创建vite+vue项目 1.在命令行输入以下创建语句.然后根据下图所示,输入项目名称并选择vue框架即可 npm create vite@latest 创建完项目后,根据提示依次输入三条命令: ...

  4. Vite创建Vue2项目

    文章目录 1. 输入项目名称 2. 选择框架 3. 选择不同 4. 项目创建完成 5. 项目结构 6. 安装插件 7. 使用插件 8. 安装vue 9. 修改项目结构 10. 启动项目 在 Vite创 ...

  5. 使用vite安装vue3项目,vue3安装router和vuex

    目录 安装vite/创建vue3项目 安装router 安装vuex vite+vue3的axios配置及跨域 安装vite/创建vue3项目 推荐vite+vue3+elementplus教程,看这 ...

  6. 使用Vite创建Vue3+TS项目并整合Element Plus框架等一条龙服务

    记录一下使用Vite创建Vue3+TS项目以及整合Element Plus框架,还有Less.Pinia.Vue-router.monaco-editor等插件或组件. 一.使用Vite创建Vue3+ ...

  7. vue3项目中引入ts

    提示:文章是基于vue3的项目基础上引入ts 文章目录 1.基于脚手架的情况下创建 vue3项目 2.启动未引入ts的vue3项目 3.在页面中(HomeView.vue)引入ts 4.配置vue3+ ...

  8. vue = 什么意思_记录使用@vue/cli搭建Vue3项目完整流程

    最近发现vue两大UI框架Element UI和Ant Design Vue都已经支持Vue3了,如果再不学习Vue3就落伍了,此文章记录下使用@vue/cli搭建Vue3项目完整流程. 1 安装vu ...

  9. cli vue 卸载_记录使用@vue/cli搭建Vue3项目完整流程

    最近发现vue两大UI框架Element UI和Ant Design Vue都已经支持Vue3了,如果再不学习Vue3就落伍了,此文章记录下使用@vue/cli搭建Vue3项目完整流程. 1 安装vu ...

最新文章

  1. 如何看待和评价浙江大学18级硕士研究生齐俏两年发14篇论文,获浙大最高层次奖学金?...
  2. MAPREDUCE实践篇(2)
  3. Mac OS使用技巧十九:Safari碉堡功能之二查看网页源代码
  4. 【学习】计算几何初步
  5. hibernate在分层架构中修改数据(update)时遇到的问题!!
  6. vuex mysql_Vue插件---Vuex(仓库,数据库)
  7. Android 渗透测试学习手册 第九章 编写渗透测试报告
  8. 区块链教育平台Metisedu将于4月推出beta版本
  9. 自己手写WEB程序框架并执行
  10. MySQL服务器的启动与停止
  11. SqlServer数据库分离与附加
  12. Android蓝牙打印服务,Android 模拟蓝牙打印机
  13. 孙溟㠭篆刻作品《叶》
  14. 喜欢艾弗森,退役了。。。
  15. 深度学习下运维日志分析的趋势解读与应用实践
  16. 长安大学微型计算机原理与接口技术答案,长安大学微机原理与接口技术B卷答案...
  17. aircrack-ng破解wifi密码
  18. An internal error occurred during: Validating **.问题处理
  19. 如何写控制逻辑(三):模块级流水和valid/ready协议
  20. 利用python向word文档模板中写入内容

热门文章

  1. python信号处理教程_python玩转信号处理与机器学习入门
  2. SpringBoot+MyBatis包含MyBatis Plus实现数据的增删改查(详细过程,适合新手小白)
  3. Ubuntu 16.04上源码编译和安装pytorch教程,并编写C Demo CMakeLists.txt
  4. 频谱分析仪双音法的原理
  5. 这个工具可以帮你解决被荧光定量引物所困扰的问题!
  6. 拼多多API大全调用展示
  7. PlayOnLinux 安装 金山打字通2016
  8. 中国医药商业市场深度分析与十四五发展机遇展望报告2022-2028年版
  9. 政务大数据系统共享的难题如何解决
  10. 三星固态硬盘PRO 和 EVO的区别