news 2026/5/29 5:37:20

Vue3_Vite构建工程化前端项目

作者头像

张小明

前端开发工程师

1.2k 24
文章封面图
Vue3_Vite构建工程化前端项目

使用命令行创建工程

  1. 在磁盘的合适位置上,创建一个空目录用于存储多个前端项目
  2. 用vscode打开该目录
  3. 在vscode中打开命令行运行如下命令
    cls清屏
npm create vite 或者 npm create vite@latest

第一次使用vite时会提示下载vite,输入y回车即可,下次使用vite就不会出现了

选择Vue框架,然后回车

选择JavaScript

查看生成的package.json,可以看到依赖的框架

进入demo08-vue02进行依赖的下载

npm i


ctrl+单击即可打开http://localhost:5173/

ctrl+c即可停止该项目

版权声明: 本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若内容造成侵权/违法违规/事实不符,请联系邮箱:809451989@qq.com进行投诉反馈,一经查实,立即删除!
网站建设 2026/5/28 14:06:44

Vue3_工程结构和单文件组件概念

目录结构解释node_modules:前端框架依赖下载完,依赖文件所存储的目录 public:用于存放一些公共资源,如HTML文件,图像,字体等,这些资源会被直接复制到构建出的目标目录中 src/目录:存…

作者头像 李华
网站建设 2026/5/28 15:49:49

Vue3_关于CSS样式的导入方式

目录1 在.vue文件中的style标签中2 将css样式保存到独立的css文件script标签中导入style标签中导入3 全局引入main.js1 在.vue文件中的style标签中 2 将css样式保存到独立的css文件 哪个.vue文件需要,就在哪里导入即可 创建css文件 script标签中导入 import ./st…

作者头像 李华
网站建设 2026/5/28 0:54:04

Linly-Talker支持RTMP推流到抖音/快手吗?直播合规提醒

Linly-Talker 支持 RTMP 推流到抖音/快手吗?直播合规提醒 在虚拟主播、AI客服和智能讲解日益普及的今天,越来越多开发者开始尝试将 AI 数字人接入主流直播平台——比如抖音、快手。这些平台不仅流量巨大,而且对“虚拟形象”直播的支持逐渐开放…

作者头像 李华
网站建设 2026/5/29 2:34:52

前后端分离宠物商城网站系统|SpringBoot+Vue+MyBatis+MySQL完整源码+部署教程

摘要 随着互联网技术的快速发展和人们生活水平的提高,宠物行业逐渐成为新兴的经济增长点。宠物商城网站作为连接宠物用品供应商和消费者的重要平台,其市场需求日益旺盛。传统的宠物商城系统往往采用前后端混合开发模式,存在维护成本高、扩展性…

作者头像 李华
网站建设 2026/5/28 9:04:33

Linly-Talker在企业年报可视化解读中的高级应用

Linly-Talker在企业年报可视化解读中的高级应用 在上市公司披露季,投资者常常面对动辄上百页的年报文档:密密麻麻的财务数据、晦涩的专业术语、冗长的管理层讨论……即便是机构分析师也需要花费数小时才能提炼出核心信息。而对于广大散户和普通公众而言&…

作者头像 李华
网站建设 2026/5/29 0:16:08

Java日志框架,零基础小白到精通,收藏这篇就够了

作为一名Java程序员,我们开发了很多Java应用程序,包括桌面应用、WEB应用以及移动应用。然而日志系统是一个成熟Java应用所必不可少的,在开发和调试阶段,日志可以帮助我们更好更快地定位bug;在运行维护阶段,…

作者头像 李华