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

vscode+vue前端开发环境配置

news 2026/3/29 21:46:30

目录

  • 一、安装Vue
  • 二、使用vue新建项目

一、安装Vue

在node.js安装好之后，

npm config set registry https://registry.npmmirror.com# 安装vue相关工具，webpack用来项目构建、打包、资源整合等。
npm install webpack -g

在这里插入图片描述

# 安装vue-cli脚手架
npm install -g  @vue/cli# 查看版本
vue -V

在这里插入图片描述

二、使用vue新建项目

vue create vue-project

开始选项，选第三个
在这里插入图片描述
空格选择，这四个然后回车

在这里插入图片描述
选vue3
然后输入y
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
最后一项选择N
在这里插入图片描述
然后就安装好了
在这里插入图片描述
然后按照提示运行项目
在这里插入图片描述
在这里插入图片描述
前端页面在8080端口启动了
在这里插入图片描述
如果要结束运行，CTRL+C

相关文章：

vscode+vue前端开发环境配置

目录 一、安装Vue二、使用vue新建项目 一、安装Vue 在node.js安装好之后， npm config set registry https://registry.npmmirror.com# 安装vue相关工具，webpack用来项目构建、打包、资源整合等。 npm install webpack -g# 安装vue-cli脚手架 npm insta…...

编程日记 2025/3/5 9:25:38

Python项目-基于深度学习的校园人脸识别考勤系统

引言 随着人工智能技术的快速发展，深度学习在计算机视觉领域的应用日益广泛。人脸识别作为其中的一个重要分支，已经在安防、金融、教育等多个领域展现出巨大的应用价值。本文将详细介绍如何使用Python和深度学习技术构建一个校园人脸识别考勤系统&#…...

编程日记 2025/3/5 9:24:37

浅谈C++函数特性

C的函数特性 前言 在C中，函数加入了许多特性，例如：a、函数缺省参数 b、函数重载 c、内联函数 等等……，这里我会和大家详细去探讨这些特性。以及探讨这些特性的一些细节，同时在内联部分，我们还会把C语言的…...

编程日记 2025/3/5 9:21:33

Python----数据分析（Matplotlib三：绘图二：箱图，散点图，饼图，热力图，3D图）

一、箱图 箱图（Box Plot），又称为箱形图、箱线图、盒式图、盒状图或盒须图，是一种用于展示数据分布情况的统计图表 箱图通过显示数据的中位数、上下四分位数（Q1和Q3）、异常值和数据的分布范围，提…...

编程日记 2025/3/5 9:18:30

高性能PHP框架webman爬虫引擎插件，如何爬取数据

文章精选推荐 1 JetBrains Ai assistant 编程工具让你的工作效率翻倍 2 Extra Icons：JetBrains IDE的图标增强神器 3 IDEA插件推荐-SequenceDiagram，自动生成时序图 4 BashSupport Pro 这个ides插件主要是用来干嘛的 ？ 5 IDEA必装的插件&…...

编程日记 2025/3/5 9:16:27

【2025年后端开发终极指南：云原生、AI融合与性能优化实战】

一、2025年后端开发的五大核心趋势 1. 云原生架构的全面普及 云原生（Cloud Native）已经成为企业级应用的核心底座。通过容器化技术（DockerKubernetes）和微服务架构，开发者能够实现应用的快速部署、弹性伸缩和故障自愈…...

编程日记 2025/3/5 9:09:17

健康养生：开启活力人生的钥匙

在这个瞬息万变的时代，人们愈发珍视健康。健康养生，宛如一把神奇的钥匙，为我们打开通往活力人生的大门，全方位呵护身心，提升生活品质。 从饮食层面看，均衡膳食是核心。每餐力求包含碳水化合物、蛋白质、脂…...

编程日记 2025/3/5 9:05:11

vue2+ele-ui实践

前言：真理先于实践，实践发现真理，再实践检验真理 环境：vue2 & element-ui 正片： Select 选择器 简称 下拉框 下拉框完整的使用循环 下拉框 → 点击下拉框 → 展示数据 → 选择数据 → 下拉框显示数据 核心具有…...

编程日记 2025/3/5 9:04:10

三维重建（十五）——多尺度（coarse-to-fine）

文章目录 一、多尺度与图像金字塔：从全局结构到局部细节二、特征提取与匹配2.1 从数据采集的角度2.2 从数据增强的角度2.3 从特征提取的方式三、以多尺度的方式使用特征3.1 特征提取与匹配3.1.1 多尺度特征检测3.1.2 金字塔匹配3.2 深度估计与立体匹配3.2.1 多尺度立体匹配3.2…...

编程日记 2025/3/5 9:03:09

SparkStreaming之04：调优

SparkStreaming调优 一 、要点 4.1 SparkStreaming运行原理 深入理解 4.2 调优策略 4.2.1 调整BlockReceiver的数量 案例演示： object MultiReceiverNetworkWordCount {def main(args: Array[String]) {val sparkConf new SparkConf().setAppName("Networ…...

编程日记 2025/3/5 9:02:07

勿以危小而为之勿以避率而不为

《故事汇之：所见/所闻/所历/所想》：《公园散步与小雨遇记》（二） 就差一点到山顶了，路上碰到一阿姨，她说等会儿要下大雨了，让我不要往上走了，我犹豫了一会儿，还是听劝地返…...

编程日记 2025/3/5 8:59:04

JavaWeb后端基础（4）

这一篇就开始是做一个项目了，在项目里学习，我主要记录在学习过程中遇到的问题，以及一些知识点 Restful风格 一种软件架构风格 在REST风格的URL中，通过四种请求方式，来操作数据的增删改查。 GET ： 查询 …...

编程日记 2025/3/5 8:56:01

SpringBoot调用DeepSeek

引入依赖 <dependency><groupId>io.github.pig-mesh.ai</groupId><artifactId>deepseek-spring-boot-starter</artifactId><version>1.4.5</version> </dependency>配置 deepseek:api-key: sk-******base-url: https://api.…...

编程日记 2025/3/5 8:54:59

记录一下本地部署Dify的坑

1. 截止2025-3-4为止&#xff0c;请注意&#xff0c;不要直接拉Dify的1.0.0版本。请先试用0.15.3版本。1.0.0有一个bug需要解决。[PANIC]failed to init dify plugin db: failed to connect to hostdb userpostgres databasepostgres Issue #14707 langgenius/dify GitHub …...

编程日记 2025/3/5 8:53:58

LC109. 有序链表转换平衡二叉搜索树

LC109. 有序链表转换平衡二叉搜索树 题目要求(一)快慢指针1. 理解问题2. 解决思路3. 具体步骤4. 代码实现5. 复杂度分析6. 示例解释7. 总结 LC109. 有序链表转换平衡二叉搜索树 题目要求 (一)快慢指针 要将一个按升序排列的单链表转换为平衡的二叉搜索树&#xff08;BST&…...

编程日记 2025/3/5 8:49:54

Hutool一个类型转换工具类 `Convert`，

Hutool 是一个非常实用的Java工具库&#xff0c;旨在简化Java开发中的常见任务。它包含了一个类型转换工具类 Convert&#xff0c;可以帮助开发者轻松地进行各种类型之间的转换。以下是一些使用 Convert 类进行类型转换的例子&#xff1a; 基本类型转换 假设你需要将一个字符…...

编程日记 2025/3/5 8:43:48

基于eRDMA实测DeepSeek开源的3FS

DeepSeek昨天开源了3FS分布式文件系统, 通过180个存储节点提供了 6.6TiB/s的存储性能, 全面支持大模型的训练和推理的KVCache转存以及向量数据库等能力, 每个客户端节点支持40GB/s峰值吞吐用于KVCache查找. 发布后, 我们在阿里云ECS上进行了快速的复现, 并进行了性能测试, ECS…...

编程日记 2025/3/5 8:42:47

【Linux篇】第一个系统程序 - 进度条

文章目录 1.回车与换行2.行缓冲区3.倒计时程序4.进度条 1.回车与换行 回车的概念: 回到当前行的最开始 \r换行的概念: 换到当前行的下一行\n 2.行缓冲区 当我们运行下面这段程序时&#xff0c;我们会发现屏幕上首先会打印出hello world!,再过两秒后程序结束。 当我们把\n去掉…...

编程日记 2025/3/5 8:40:44

VLM-E2E：通过多模态驾驶员注意融合增强端到端自动驾驶

25年2月来自香港科大广州分校、理想汽车和厦门大学的论文“VLM-E2E: Enhancing End-to-End Autonomous Driving with Multimodal Driver Attention Fusion”。 人类驾驶员能够利用丰富的注意语义&#xff0c;熟练地应对复杂场景&#xff0c;但当前的自动驾驶系统难以复制这种能…...

编程日记 2025/3/5 8:39:42

如何将飞书多维表格与DeepSeek R1结合使用：效率提升的完美搭档

将飞书的多维表格与DeepSeek R1结合使用&#xff0c;就像为你的数据管理和分析之旅装上一台涡轮增压器。两者的合作&#xff0c;不仅仅在速度上让人耳目一新&#xff0c;更是将智能化分析带入了日常的工作场景。以下是它们如何相辅相成并改变我们工作方式的一些分享。 --- 在…...

编程日记 2025/3/5 8:37:39

别再手动配置了！用Docker Compose一键部署你的第一个Web应用（附完整YAML文件）

别再手动配置了&#xff01;用Docker Compose一键部署你的第一个Web应用&#xff08;附完整YAML文件&#xff09; 想象一下这样的场景&#xff1a;你刚完成了一个简单的Web应用开发&#xff0c;准备部署到服务器上。传统方式可能需要手动安装Nginx、配置反向代理、设置环境变量…...

编程新知 2026/3/29 21:32:23

图像传感器噪声全解析：从原理到降噪实战

1. 图像传感器噪声的底层逻辑 每次按下手机快门时&#xff0c;你可能不知道图像传感器正在经历一场电子风暴。就像老式收音机的沙沙声&#xff0c;图像传感器也会产生各种"电子噪音"。这些噪声直接影响照片质量&#xff0c;尤其在弱光环境下更为明显。 我拆解过上百款…...

编程新知 2026/3/29 21:16:19

Translumo：打破语言屏障的实时屏幕翻译利器

Translumo&#xff1a;打破语言屏障的实时屏幕翻译利器 【免费下载链接】Translumo Advanced real-time screen translator for games, hardcoded subtitles in videos, static text and etc. 项目地址: https://gitcode.com/gh_mirrors/tr/Translumo 你是否曾在游戏中遇…...

编程新知 2026/3/29 21:00:12

Buildah容器调试终极指南：10个实用技巧快速解决构建问题

Buildah容器调试终极指南&#xff1a;10个实用技巧快速解决构建问题 【免费下载链接】buildah A tool that facilitates building OCI images. 项目地址: https://gitcode.com/gh_mirrors/bu/buildah Buildah是一个强大的开源工具&#xff0c;专门用于构建符合OCI标准的…...

编程新知 2026/3/29 20:52:11

解决企业知识孤岛挑战：Outline多平台文档迁移架构与技术实现方案

解决企业知识孤岛挑战&#xff1a;Outline多平台文档迁移架构与技术实现方案 【免费下载链接】outline Outline 是一个基于 React 和 Node.js 打造的快速、协作式团队知识库。它可以让团队方便地存储和管理知识信息。你可以直接使用其托管版本&#xff0c;也可以自己运行或参与…...

编程新知 2026/3/29 19:01:34

从零到一：UniApp前端网页托管与自定义域名配置实战指南

1. 从零开始&#xff1a;UniApp前端网页托管全流程解析 第一次接触UniApp前端网页托管时&#xff0c;我也被各种专业术语搞得晕头转向。经过几个项目的实战&#xff0c;我发现这套流程其实就像租房子&#xff1a;你得先有个门牌号&#xff08;域名&#xff09;&#xff0c;再找…...

编程新知 2026/3/29 18:31:28

Display Driver Uninstaller深度使用指南：从问题诊断到系统优化

Display Driver Uninstaller深度使用指南&#xff1a;从问题诊断到系统优化 【免费下载链接】display-drivers-uninstaller Display Driver Uninstaller (DDU) a driver removal utility / cleaner utility 项目地址: https://gitcode.com/gh_mirrors/di/display-drivers-uni…...

编程新知 2026/3/29 18:01:12

知识蒸馏（Knowledge Distillation, KD）详细介绍

知识蒸馏&#xff08;Knowledge Distillation, KD&#xff09;详细介绍 目录 概述基本概念知识蒸馏的核心思想蒸馏过程知识类型损失函数架构设计应用场景优化策略挑战与局限最新进展总结 概述 知识蒸馏&#xff08;Knowledge Distillation, KD&#xff09;是一种模型压缩和…...

编程新知 2026/3/29 17:35:07

从RS232到112G SerDes：高速串行接口的‘逆袭’简史与FPGA工程师的生存指南

从RS232到112G SerDes&#xff1a;高速串行接口的技术革命与工程师转型指南 在数字通信领域&#xff0c;接口技术的演进犹如一场静默的革命。二十年前&#xff0c;工程师们还在为并行总线的布线复杂度和时钟偏移问题头疼不已&#xff1b;而今天&#xff0c;单通道112G PAM4 Ser…...

编程新知 2026/3/29 17:06:35

华三M-LAG实战：从零构建高可用数据中心网络

1. 为什么数据中心需要M-LAG技术&#xff1f; 刚接手数据中心网络建设项目时&#xff0c;我最头疼的就是如何实现高可用性。传统方案要么成本太高&#xff0c;要么切换速度达不到要求。直到接触华三的M-LAG技术&#xff0c;才发现原来跨设备链路聚合可以这么玩。 M-LAG全称Mult…...

编程新知 2026/3/29 16:46:28