首页 / VUE / 678 Vue CLI，vite

678 Vue CLI，vite

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了678 Vue CLI，vite，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含652字，纯文字阅读大概需要1分钟。

内容图文

Vue CLI脚手架

技术分享图片

Vue CLI 安装和使用

  • npm install @vue/cli -g

技术分享图片

vue create 项目的过程

技术分享图片

项目的目录结构

技术分享图片

认识Vite

技术分享图片

Vite的构造

技术分享图片

浏览器原生支持模块化

技术分享图片

Vite的安装和使用

  • npm install vite –g # 全局安装
  • npm install vite –D # 局部安装

技术分享图片

Vite对css的支持

技术分享图片

Vite对TypeScript的支持

技术分享图片

Vite对vue的支持

技术分享图片

Vite打包项目

技术分享图片

demo

技术分享图片

vite.config.js

        const vue = require(‘@vitejs/plugin-vue‘)

module.exports = {
  plugins: [
    vue()
  ]
}

ESBuild的构建速度

技术分享图片

Vite脚手架工具

        npm init @vitejs/app
npm install @vitejs/create-app -g
create-app

技术分享图片

demo

技术分享图片

vite.config.ts

        import { defineConfig } from "vite";
import vue from "@vitejs/plugin-vue";

// https://vitejs.dev/config/
export default defineConfig({
  plugins: [vue()],
});

原文：https://www.cnblogs.com/jianjie/p/14851296.html

内容总结

以上是互联网集市为您收集整理的678 Vue CLI，vite全部内容，希望文章能够帮你解决678 Vue CLI，vite所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/1199587.html

来源：【匿名】