Vite搭建Vue3开发环境

Vite的特点

  1. Vite冷服务启动，ES6 import
  2. 开发中热更新
  3. 按需进行编译，不会刷新全部DOM

Vite使用

  1. npm
    在命令行中输入 npm init vite-app project 生成项目（注意路径）

    然后进入目录 cd project
    在这里插入图片描述

    下载依赖包 npm install
    在这里插入图片描述

    开启服务 npm run dev
    在这里插入图片描述
    在浏览器输入地址 http://10.10.0.13:3000/在这里插入图片描述
    显示这个界面就说明你已经构建成功
    显示这个界面就说明你已经构建成功

  2. yarn

    在命令行中输入 npm create vite-app project 生成项目

    然后进入目录 cd project

    安装依赖包 yarn在这里插入图片描述

    开启服务 yarn dev在这里插入图片描述
    在浏览器输入地址 http://10.10.0.13:3000/在这里插入图片描述

版权声明：本文为weixin_43791050原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接和本声明。