首页 > 其他分享 >vue学习之------vite

vue学习之------vite

时间:2022-08-13 19:55:33浏览次数:65  
标签:npm vue 项目 vue3 ------ vite

vue两种快速创建工程化SPA(单页面应用)项目的方法:

vite:仅支持vue3;运行速度快;不是基于webpack打包

vue-cli:vue2、vue3都支持;运行速度较慢;基于webpack打包

 

用vite创建项目:npm init vite-app 项目名

进入项目文件:cd 项目文件

安装所有依赖包:npm install

启动项目:npm run dev

项目结构分析:

 

项目流程可以概括为:通过main.js把App.vue渲染到index.html的指定区域中

 

标签:npm,vue,项目,vue3,------,vite
From: https://www.cnblogs.com/zhaoyingzhen/p/16583883.html

相关文章

  • 第七周了
     Java中有三种主要的循环结构:while 循环do…while 循环for 循环在Java5中引入了一种主要用于数组的增强型for循环。 个if语句包含一个布尔表达式和一......
  • 单行子查询
     单行子查询:#单行子查询:#操作符:=!=> >= < <=#题目:查询工资大于149号员工工资的员工信息SELECTsalaryFROMemployeesWHEREsalary>(       S......
  • 快速排序和堆排序
    python快速排序、堆排序、计数排序、桶排序、基数排序_一只什么都不懂的码农的博客常用排序算法总结和对比_玖玖拾月陆的博客-CSDN博客_各种排序算法的总结和比较#快速......
  • uniapp获取元素的宽度、高度
     uni.createSelectorQuery().in(this).select('.类名').boundingClientRect(data=>{ console.log(data.height) console.log(data.width) }).exec() ......
  • Arthas基础和JVM相关命令-jad/watch/jvm/sysprop/sysenv/vmoption/getstatic/ognl
    1.jad:反编译指定已加载类的源码jadcom.lyb.web.mySpringBoot.thread.ThreadAppendData 2.watch:函数执行数据观测watchorg.apache.lucene.util.RamUsageEstim......
  • 幻方
      每行、每列、两条对角线的和都是N。a+b+c+d+e+f+h+i+j=3N三行的和a+e+j+c+e+h=2N两条对角线的和上面两式相减得b+d+f+i-e=N → b+i+d+......
  • js | 防抖&&节流
    正常:事件触发非常频繁,每一次触发,回调函数都会执行,如果时间很短,回调函数中有计算,有可能会出现浏览器卡顿防抖:前面所有的触发都会取消,最后一次的执行在规定的时间......
  • ts封装axios
    1.封装请求//存放请求路径的文件importurlConfigfrom'../api/index'importtype{AxiosInstance,AxiosRequestConfig,AxiosResponse}from'axios'import{El......
  • "蔚来杯"2022牛客暑期多校训练营8
     ABCDEFGHIJKL赛时过题            赛后补题            赛后总结:G题明明是很有希望做出......
  • css
    目录3种样式样式优先级!important语法3种样式link/import(页面标签全部加载完,ie老版本不支持),style,行内样式优先级就近原则!important语法是针对{}里面所有属性,......