摘要: 原文地址:https://mp.weixin.qq.com/s/cgiLx6NsoCAnh-mcR5peQg Vue3 发布至今,周边的生态、技术方案已足够成熟,个人认为新项目是时候切换到 Vite + Vue3 了。今天就给大家操作一下这种技术方案实现前端工程化。 1. 初始化项目 通过官方脚手架 阅读全文
posted @ 2024-02-20 14:58 lizhigang 阅读(371) 评论(0) 推荐(0) 编辑
摘要: 原文地址:https://mp.weixin.qq.com/s/MUP0cAT8FbtE0sRX3ohptw 现在大部分的中小型公司部署前端代码都是比较简单的,主要步骤如下: 首先,通过脚手架提供的命令npm run build打包前端代码,生成dist文件夹; 最后,将dist文件夹丢给后台开发人 阅读全文
posted @ 2024-02-20 14:52 lizhigang 阅读(19) 评论(0) 推荐(0) 编辑
摘要: 原文地址:https://mp.weixin.qq.com/s/xdEqyhfmW8P0R_wktymb3w vite快速安装vue,及项目打包发布 1.下载、安装VScode,下载地址:https://code.visualstudio.com/ 2.下载、安装node.js,国内下载地址:htt 阅读全文
posted @ 2024-02-20 14:41 lizhigang 阅读(345) 评论(0) 推荐(0) 编辑
摘要: 原文地址:https://mp.weixin.qq.com/s/0qh5zTBmQDiUi2FyUQqXAA 今天无意中发现一个基于 Vite Vue3 非常优雅的插件:vue-devtools。 插件介绍 Chrome 浏览器的 Vue Dev Tools 很多人都使用过,优雅哥分享的这个 dev 阅读全文
posted @ 2024-02-20 14:31 lizhigang 阅读(1546) 评论(0) 推荐(0) 编辑
摘要: 原文地址:https://mp.weixin.qq.com/s/QelQEAMYSoNC0uYKfbO9Gw 01 使用Vite工具创建Vue.JS项目 命令: npm create vite@latest 首先,要提供的是你项目的名称: 然后,选择一个框架: 这一段的全部代码如下: adamhua 阅读全文
posted @ 2024-02-20 14:22 lizhigang 阅读(78) 评论(0) 推荐(0) 编辑
摘要: 原文地址:https://zhuanlan.zhihu.com/p/654327710 今天就来说说怎么创建第一个Vue3项目。 并安装Element Plus 及一些常用配置,实现如下简单增删改查页面 一、工具简介 这里我们简单介绍一下文章中使用到的工具,使用这些工具可以提高我们开发效率。当然了只 阅读全文
posted @ 2024-02-20 09:16 lizhigang 阅读(5819) 评论(0) 推荐(1) 编辑