当前位置： 首页 > news >正文

VUE学习二、创建一个前端项目

news 2026/4/3 11:14:05

1.创建一个vue项目

使用命令 vue ui启动vue脚手架

vue ui

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
等待项目创建好 可以来任务栏启动项目 参数那里可以设置启动端口等参数
在这里插入图片描述
启动成功
在这里插入图片描述
成功访问
在这里插入图片描述

2. 用webstorm 打开项目

脚手架页面可安装基本依赖 比如路由
在这里插入图片描述

使用ws打开项目
在这里插入图片描述
在这里插入图片描述
启动项目 npm run serve
在这里插入图片描述

3.修改启动端口

在这里插入图片描述

devServer: {port: 8001
}

相关文章：

VUE学习二、创建一个前端项目

1.创建一个vue项目 使用命令 vue ui启动vue脚手架 vue ui 等待项目创建好 可以来任务栏启动项目 参数那里可以设置启动端口等参数 启动成功 成功访问 2. 用webstorm 打开项目 脚手架页面可安装基本依赖 比如路由 使用ws打开项目 启动项目 npm run serve 3.修改启动…...

编程日记 2023/12/13 16:11:31

「红队笔记」靶机精讲：Prime1 - 信息收集和分析能力的试炼

「红队笔记」靶机精讲：Prime1 - 信息收集和分析能力的试炼 本文是作者在观看 B 站《红队笔记》后做的一些笔记及相关知识的补充。学渗透特别推荐大家去看。如有侵权，请联系作者，作者看到后会第一时间删除。 靶机精讲之Prime1，vu…...

编程日记 2023/12/13 16:09:29

JVM虚拟机系统性学习-对象的创建流程及对象的访问定位

对象的创建流程与内存分配 对象创建流程如下： Java 中新创建的对象如何分配空间呢？ new 的对象先放 Eden 区（如果是大对象，直接放入老年代）当 Eden 区满了之后，程序还需要创建对象，则垃圾回收…...

编程日记 2023/12/13 16:08:28

perf与火焰图-性能分析工具

参考链接 perf性能分析工具使用分享 如何读懂火焰图？-阮一峰 perf基本用法-record,report-知乎 火焰图抓取 准备： centos安装perf工具 dnf install perf下载火焰图解析代码 git clone https://github.com/brendangregg/FlameGraph.git抓取指定进程…...

编程日记 2023/12/13 16:07:27

UniGui使用CSSUniTreeMenu滚动条

有些人反应UniTreeMenu当菜单项目比较多的时候会超出但是没有出滚动条，只需要添加如下CSS 老规矩，unitreemeu的layout的componentcls里添加bbtreemenu，然后在css里添加 .bbtreemenu .x-box-item{ overflow-y: auto; } 然后当内容超出后就会…...

编程日记 2023/12/13 16:04:23

Spring框架中的五种常用设计模式

1、单例模式 Spring 的 Bean 默认是单例模式，通过 Spring 容器管理 Bean 的⽣命周期，保证每个 Bean 只被 创建⼀次，并在整个应⽤程序中重用。 2.工厂模式 Spring 使⽤⼯⼚模式通过 BeanFactory 和 ApplicationContext 创建并管理 Bean 对象…...

编程日记 2023/12/13 16:00:20

华纳云：docker启动报错的原因和解决方法

Docker 启动报错可能由多种原因引起。以下是一些建议，可用于解决 Docker 启动问题： 查看 Docker 日志： 查看 Docker 的日志可以提供更多的详细信息，有助于定位问题。 sudo journalctl -xe | grep docker 或者查看 Docker 服务的详…...

编程日记 2023/12/13 15:57:17

代码规范及开发工具

代码规范及开发工具： 前端（vscode、idea）: JavaScript规范： 1. 谷歌开源项目风格指南：JavaScript 、TypeScript篇 https://zh-google-styleguide.readthedocs.io/en/latest/google-typescript-…...

编程日记 2023/12/13 15:54:14

证件照制作小程序源代码

17638103951(同v)...

编程日记 2023/12/13 15:52:12

自治调优！人大金仓解放DBA双手

数据库系统的性能是确保整个应用系统高效运转的关键因素，因此数据库性能调优工作至关重要。KingbaseES通过将人工调优过程内化为数据库内核，成功实现了自治调优。这种创新的调优方案为DBA提供了更高效且准确的性能调优途径，同时也显著降低了数…...

编程日记 2023/12/13 15:51:11

深度学习环境配置------windows系统（GPU）------Pytorch

深度学习环境配置------windows系统（GPU）------Pytorch 准备工作明确操作系统明确显卡系列 CUDA和Cudnn下载与安装1.下载2.安装 环境配置过程1.安装Anacoda2.配置环境1）创建一个新的虚拟环境2）pytorch相关库的安装 2.安装VScode1&…...

编程日记 2023/12/13 15:50:10

el-menu标题过长显示不全问题处理

项目基于vue-element-admin 问题 期望 处理方式 \src\layout\components\Sidebar\index.vue 文件后添加CSS <style scped> /* 侧栏导航菜单经典 文字超长溢出问题 CSS折行 */ .el-submenu__title {display: flex;align-items: center; } .el-submenu__title span {white-…...

编程日记 2023/12/13 15:47:08

微信游戏开发：连接社交与娱乐的创新之路

在移动互联网时代&#xff0c;微信已经成为了人们日常生活中不可或缺的社交工具。而微信游戏&#xff0c;作为在这一平台上崛起的新兴产业&#xff0c;不仅给用户提供了更多娱乐选择&#xff0c;也为开发者们创造了独特的机遇。本文将探讨微信游戏开发的关键步骤、技术要点以及…...

编程日记 2023/12/13 15:46:07

1688一件采购实现指南：含代码实现采购流程

一、引言 1688是中国最大的B2B电子商务平台之一&#xff0c;提供了丰富的商品信息和采购服务。一键采购是1688平台的一项便捷功能&#xff0c;可以帮助用户快速完成采购流程&#xff0c;提高采购效率。本文将详细介绍如何使用1688一键采购功能&#xff0c;并通过代码示例演示如…...

编程日记 2023/12/13 15:44:06

div中一个图片怎么铺满整个div而且不超出div按比例铺满div

重要信息: background-size:cover或者background-size:contain;属性 设置图片不重复: background-repeat:no-repeat; 设置字体在div中间:...

编程日记 2023/12/13 15:43:04

云原生之深入解析Kubernetes的架构及特性

一、kubernetes 架构 从宏观上来看 kubernetes 的整体架构&#xff0c;包括 Master、Node 以及 Etcd。Master 即主节点&#xff0c;负责控制整个 kubernetes 集群&#xff0c;它包括 Api Server、Scheduler、Controller 等组成部分。它们都需要和 Etcd 进行交互以存储数据&…...

编程日记 2023/12/13 15:39:01

分布工具类的定义与实现及测试。

package d5.util;public class PageUtil {private int pageSize;//一页有多少条private int currIndex;//当前是第几页private int totalCount;//共有多少条记录 谁给我&#xff1f; 逻辑层的 getTotalCountprivate int totalPage;//共有多少页 private int start;//显时时开始…...

编程日记 2023/12/13 15:38:00

如何在忘记密码的情况下恢复解锁 iPhone

您忘记了 iPhone 密码吗&#xff1f;Apple 官方通常建议将 iPhone 恢复至出厂设置以将其删除。这种修复很不方便&#xff0c;甚至可能比问题本身更麻烦。 如果您也经历过同样的情况&#xff0c;并且想知道忘记了 iPhone 密码并且不想恢复它该怎么办&#xff0c;我们的终极指南…...

编程日记 2023/12/13 15:36:59

通过compileall库将python文件编译为pyc文件

文章目录 什么是 .pyc 文件将 .py 文件编译为 .pyc 文件编译单个文件编译多个文件 在实际开发中&#xff0c;有时候需要将产品&#xff08;以.py文件为例&#xff09;发布到外部环境&#xff0c;但我们并不想显式地让别人看到我们的源码&#xff0c;此时就需要对源码进行加密保…...

编程日记 2023/12/13 15:34:56

【Docker】深入理解Docker：一种革新性的容器技术

前言 Docker 是一个开源的应用容器引擎&#xff0c;让开发者可以打包他们的应用以及依赖包到一个可移植的容器中,然后发布到任何流行的Linux或Windows操作系统的机器上,也可以实现虚拟化,容器是完全使用沙箱机制,相互之间不会有任何接口。 &#x1f4d5;作者简介&#xff1a;热…...

编程日记 2023/12/13 15:33:55

3大行业痛点突破：Umi-OCR离线文字识别革新方案

3大行业痛点突破&#xff1a;Umi-OCR离线文字识别革新方案 【免费下载链接】Umi-OCR OCR software, free and offline. 开源、免费的离线OCR软件。支持截屏/批量导入图片&#xff0c;PDF文档识别&#xff0c;排除水印/页眉页脚&#xff0c;扫描/生成二维码。内置多国语言库。 …...

编程新知 2026/4/3 11:11:44

硬件加速方案：OpenClaw调用SecGPT-14B时的vLLM优化配置

硬件加速方案&#xff1a;OpenClaw调用SecGPT-14B时的vLLM优化配置 1. 为什么需要vLLM优化 去年我在本地部署SecGPT-14B时遇到了一个尴尬的问题——我的RTX 3090显卡只有24GB显存&#xff0c;而模型加载后显存直接爆满&#xff0c;连最简单的推理都无法完成。这促使我开始研究…...

编程新知 2026/4/3 10:55:36

OpenClaw浏览器自动化：千问3.5-9B实现智能爬虫

OpenClaw浏览器自动化&#xff1a;千问3.5-9B实现智能爬虫 1. 为什么需要智能爬虫&#xff1f; 去年我接手了一个市场调研项目&#xff0c;需要从200多个电商页面提取商品信息和用户评价。传统爬虫遇到三个致命问题&#xff1a;动态加载内容抓取不全、验证码频繁拦截、非结构…...

编程新知 2026/4/3 10:13:04

暗黑破坏神2存档修改终极指南：告别十六进制编辑，3步完成角色定制

暗黑破坏神2存档修改终极指南&#xff1a;告别十六进制编辑&#xff0c;3步完成角色定制 【免费下载链接】d2s-editor 项目地址: https://gitcode.com/gh_mirrors/d2/d2s-editor d2s-editor是一款专为《暗黑破坏神2》玩家设计的Web存档编辑器&#xff0c;通过直观的可视…...

编程新知 2026/4/3 10:11:02

Phi-4-mini-reasoning多场景落地：K12教育智能批改、竞赛培训、教师备课助手

Phi-4-mini-reasoning多场景落地&#xff1a;K12教育智能批改、竞赛培训、教师备课助手 1. 模型介绍 Phi-4-mini-reasoning是一款3.8B参数的轻量级开源模型&#xff0c;专为数学推理、逻辑推导和多步解题等强逻辑任务设计。这款模型由微软Azure AI Foundry开发&#xff0c;主…...

编程新知 2026/4/3 8:55:30

CLIP-GmP-ViT-L-14GPU算力适配：ViT-L模型显存占用分析与推理加速实践

CLIP-GmP-ViT-L-14 GPU算力适配&#xff1a;ViT-L模型显存占用分析与推理加速实践 1. 引言 当你拿到一个像 CLIP-GmP-ViT-L-14 这样强大的视觉-语言模型时&#xff0c;第一反应可能是兴奋——它拥有接近90%的ImageNet准确率&#xff0c;能精准理解图片和文字的关系。但当你尝…...

编程新知 2026/4/3 8:10:55

文墨共鸣大模型在网络安全领域的应用：模拟攻击脚本分析与安全报告撰写

文墨共鸣大模型在网络安全领域的应用&#xff1a;模拟攻击脚本分析与安全报告撰写 最近和几个做安全的朋友聊天&#xff0c;他们都在抱怨同一个问题&#xff1a;每天面对海量的告警日志和五花八门的攻击脚本&#xff0c;分析起来耗时费力&#xff0c;写报告更是头疼。技术细节…...

编程新知 2026/4/3 8:06:54

突破Unity资源处理瓶颈：UABEA的跨平台资源管理革命

突破Unity资源处理瓶颈&#xff1a;UABEA的跨平台资源管理革命 【免费下载链接】UABEA c# uabe for newer versions of unity 项目地址: https://gitcode.com/gh_mirrors/ua/UABEA 你是否曾遇到这样的困境&#xff1a;下载的Unity资源包无法用常规软件打开&#xff1f;提…...

编程新知 2026/4/3 7:56:41

忍者像素绘卷惊艳效果：像素级光影变化+动态构图+电影运镜模拟

忍者像素绘卷惊艳效果&#xff1a;像素级光影变化动态构图电影运镜模拟 1. 视觉革命&#xff1a;当忍者美学遇上像素艺术 在数字艺术创作领域&#xff0c;一款名为"忍者像素绘卷"的工具正在掀起一场视觉革命。这款基于Z-Image-Turbo深度优化的图像生成工作站&#…...

编程新知 2026/4/3 5:38:49

Skills 到底怎么快速入门？

一、常见误解 很多人第一次接触 Skills&#xff0c;以为它只是“给 Cursor 写规则文档”。这个理解太窄了。 Skills 的本质是可复用的能力模块。它不只是“规定输出格式”&#xff0c;而是可以封装任意需要多步操作、特定上下文或外部工具配合的任务。 二、三种类型类型核心作用…...

编程新知 2026/4/3 5:16:11