vite新建vue3项目采坑，官网流程之路，vite+vue3+elementpuls

Vite 构建

可以使用 Vite 快速构建 Vue 项目。

vue3文档操作步骤，按照文档操作，会有版本问题；
vite构建后的vite版本是老版本： “vite”: “^1.0.0-rc.13” ，查看package.json 文件发现vue也是老版本。

按照文档方式

更好的方式：

安装vite较新版本，vue3较新版本

npm init @vitejs/app vue3-project

支持的模板预设选择：
vanilla
vue
vue-ts
react
react-ts
preact
preact-ts
lit-element
lit-element-ts

按照步骤就可以启动了：

cd v3test
npm install
npm run dev

直接构建版本对应方法

# npm 6.x
npm init @vitejs/app my-vue-app --template vue
# or
npm init @vitejs/app my-vue-app --template vue-ts# npm 7+, 需要额外的双破折号：
npm init @vitejs/app my-vue-app -- --template vue# yarn
yarn create @vitejs/app my-vue-app --template vue

注意：建议npm版本使用6+版本； 使用7+有，安装依赖，环境变量等会有问题，最终导致项目无法启动。常见问题：events.js:292 throw er; // Unhandled ‘error’ event

package.json文件：

未完。

vite新建vue3项目采坑，官网流程之路，vite+vue3+elementpuls相关推荐

手把手教你上手Git并上传项目到GitHub官网
手把手教你上手Git并上传项目到GitHub官网 Learning Git Branch: 学习 Git 最好的游戏及教程 https://learngitbranching.js.org 这个就是那 ...
【CC精品教程】任务三：CC刺像控点，提交空三，新建重建项目（三维格网、三维点云、DOM和DSM）
<无人机航空摄影测量精品教程>合集目录(Pix4d.CC.EPS.PhotoScan.Inpho) [CC精品教程]任务一:CC新建工程.添加照片.相机参数设置.选择坐标系统 [CC精品教 ...
springboot创建项目(通过spring官网)详细
Spring官网下载官网自动生成springboot项目结构 https://spring.io/projects/spring-boot–进入后翻到最下面有个Spring Initializr点进 ...
tornado web高级开发项目之抽屉官网的页面登陆验证、form验证、点赞、评论、文章分页处理、发送邮箱验证码、登陆验证码、注册、发布文章、上传图片...
本博文将一步步带领你实现抽屉官网的各种功能:包括登陆.注册.发送邮箱验证码.登陆验证码.页面登陆验证.发布文章.上传图片.form验证.点赞.评论.文章分页处理以及基于tornado的后端和ajax的 ...
【HTML响应式项目】成人教育官网前端页面（HTML+CSS+JS实现三端适应）
项目源码已上传至码云仓库:云南农业职业技术学院/HTML响应式成人教育官网前端页面(HTML+CSS+JS实现) 项目演示地址:成人教育网 AAP端下载地址:成人教育网APP端.apk-互联网文档类资 ...
网站项目-模仿三国杀官网
官网地址:http://www.sanguosha.com/ 提要:我是看书党,没有看过相关类型的视频,在W3C学习了基础的HTML知识,自己就开始找网站模仿,我的目标是游戏开发,所以就模仿了一个游戏 ...
前端700行代码项目练习--小米官网（仅html、css实现）
目录一.效果展示二.准备工具 1.css重置样式 2.awesome图标字体 3.各图片 4.title网站图标三.代码一.效果展示二.准备工具 1.css重置样式请自行查找,CSDN上一 ...
Vue3版本升级采坑(1) - Vue3+mintUI报错，实则版本vue3太高；
Mint-UI 2.2.13 不匹配 Vue3.0.0 1. 选择Vue2 or Vue3 Mint-UI目前是不匹配Vue3的. 说明: 如果选择Vue 3 Preview(下面那个), 版本号 & ...
《OpenHarmony 3GPP协议开发深度剖析》之--搜网流程之PLMN选择
协议开发最大的法宝就是反复阅读3GPP协议标准,然后结合标准梳理信令流程,同时比对modem日志或者ap侧日志,阅读modem侧源码或者ap侧源码.本系列主题在操作系统OpenHarmony 侧即ap ...

vite新建vue3项目采坑，官网流程之路，vite+vue3+elementpuls

Vite 构建

按照文档方式

更好的方式：

直接构建版本对应方法

package.json文件：

vite新建vue3项目采坑，官网流程之路，vite+vue3+elementpuls相关推荐

最新文章

热门文章