1. 工程搭建

73 阅读1分钟

摄图网_401806482_宇航员与鲸鱼治愈系插画(非企业商用).jpg

工程搭建直接用vite脚手架搭建

一、Vue-cli

  1. 指令:vue create xxxx

二、Vite

  1. 指令
  • 创建项目:npm init vite-app vue3-app-vite(项目名称)

  • 安装依赖:npm i

  • 启动:npm run dev

  1. 注意点(默认与webpack做比较)
  • 第一开启项目会有一个缓存的过程,所以略慢,但仍然比webpack快的多,第二次打开项目基本就是秒启动了

  • 在入口文件中引入文件时,除了js问价其他都要加后缀名

    image.png

  • 页面文件(index.html)不是放到public目录下了,改成放到根目录下

  • 打包速度快,对打包后对文件做了处理,使文件体积减小