摘要:
记录日期:2024-02-21 1.找到存放项目的文件夹,打开cmd命令 2.使用官方脚手架Vite创建项目 (1)输入npm命令 npm create vite@latest (2)输入项目名称:ssts-hospital-web-master (3)选择框架:Vue (4)选择变体(使用的编程语 阅读全文
摘要:
原文地址:https://mp.weixin.qq.com/s/cgiLx6NsoCAnh-mcR5peQg Vue3 发布至今,周边的生态、技术方案已足够成熟,个人认为新项目是时候切换到 Vite + Vue3 了。今天就给大家操作一下这种技术方案实现前端工程化。 1. 初始化项目 通过官方脚手架 阅读全文
摘要:
原文地址:https://mp.weixin.qq.com/s/MUP0cAT8FbtE0sRX3ohptw 现在大部分的中小型公司部署前端代码都是比较简单的,主要步骤如下: 首先,通过脚手架提供的命令npm run build打包前端代码,生成dist文件夹; 最后,将dist文件夹丢给后台开发人 阅读全文
摘要:
原文地址:https://mp.weixin.qq.com/s/xdEqyhfmW8P0R_wktymb3w vite快速安装vue,及项目打包发布 1.下载、安装VScode,下载地址:https://code.visualstudio.com/ 2.下载、安装node.js,国内下载地址:htt 阅读全文
摘要:
原文地址:https://mp.weixin.qq.com/s/0qh5zTBmQDiUi2FyUQqXAA 今天无意中发现一个基于 Vite Vue3 非常优雅的插件:vue-devtools。 插件介绍 Chrome 浏览器的 Vue Dev Tools 很多人都使用过,优雅哥分享的这个 dev 阅读全文
摘要:
原文地址:https://mp.weixin.qq.com/s/QelQEAMYSoNC0uYKfbO9Gw 01 使用Vite工具创建Vue.JS项目 命令: npm create vite@latest 首先,要提供的是你项目的名称: 然后,选择一个框架: 这一段的全部代码如下: adamhua 阅读全文
摘要:
原文地址:https://zhuanlan.zhihu.com/p/654327710 今天就来说说怎么创建第一个Vue3项目。 并安装Element Plus 及一些常用配置,实现如下简单增删改查页面 一、工具简介 这里我们简单介绍一下文章中使用到的工具,使用这些工具可以提高我们开发效率。当然了只 阅读全文
摘要:
原文地址:https://blog.csdn.net/aDiaoYa_/article/details/135855366 目 录项目搭建步骤确定node版本使用Vite创建Vue3项目规范目录结构配置环境修改Vite配置文件集成路由工具Vue Router集成状态管理工具Pinia集成CSS预编译 阅读全文
摘要:
原文地址:https://mp.weixin.qq.com/s/BANsRtNn5u-4521nFwF3FA 一、安装需要的包: 1、 element-plus 安装命令: npm install element-plus --save 2、vue-router 安装命令: npm install 阅读全文
摘要:
原文地址:https://mp.weixin.qq.com/s/HqLgf2TCVqnndSxJw_1RTQ 一、准备工作 在学习之前,需要安装两个工具,一个是IDE,一个是Node.js: Vs Code: https://code.visualstudio.com/Download Node.j 阅读全文