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

vscode+vue前端开发环境配置

news 2025/11/10 1:58:34

目录

  • 一、安装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

Golang 面试经典题：map 的 key 可以是什么类型？哪些不可以？

Golang 面试经典题&#xff1a;map 的 key 可以是什么类型&#xff1f;哪些不可以&#xff1f; 在 Golang 的面试中&#xff0c;map 类型的使用是一个常见的考点&#xff0c;其中对 key 类型的合法性 是一道常被提及的基础却很容易被忽视的问题。本文将带你深入理解 Golang 中…...

编程新知 2025/9/23 20:53:38

React Native 开发环境搭建（全平台详解）

React Native 开发环境搭建&#xff08;全平台详解&#xff09; 在开始使用 React Native 开发移动应用之前&#xff0c;正确设置开发环境是至关重要的一步。本文将为你提供一份全面的指南&#xff0c;涵盖 macOS 和 Windows 平台的配置步骤&#xff0c;如何在 Android 和 iOS…...

编程新知 2025/10/7 2:47:54

在四层代理中还原真实客户端ngx_stream_realip_module

一、模块原理与价值 PROXY Protocol 回溯 第三方负载均衡&#xff08;如 HAProxy、AWS NLB、阿里 SLB&#xff09;发起上游连接时&#xff0c;将真实客户端 IP/Port 写入 PROXY Protocol v1/v2 头。Stream 层接收到头部后&#xff0c;ngx_stream_realip_module 从中提取原始信息…...

编程新知 2025/9/22 20:53:03

实现弹窗随键盘上移居中

实现弹窗随键盘上移的核心思路 在Android中&#xff0c;可以通过监听键盘的显示和隐藏事件&#xff0c;动态调整弹窗的位置。关键点在于获取键盘高度&#xff0c;并计算剩余屏幕空间以重新定位弹窗。 // 在Activity或Fragment中设置键盘监听 val rootView findViewById<V…...

编程新知 2025/10/6 18:46:56

laravel8+vue3.0+element-plus搭建方法

创建 laravel8 项目 composer create-project --prefer-dist laravel/laravel laravel8 8.* 安装 laravel/ui composer require laravel/ui 修改 package.json 文件 "devDependencies": {"vue/compiler-sfc": "^3.0.7","axios": …...

编程新知 2025/10/15 0:25:46

LINUX 69 FTP 客服管理系统 man 5 /etc/vsftpd/vsftpd.conf

FTP 客服管理系统 实现kefu123登录&#xff0c;不允许匿名访问&#xff0c;kefu只能访问/data/kefu目录&#xff0c;不能查看其他目录 创建账号密码 useradd kefu echo 123|passwd -stdin kefu [rootcode caozx26420]# echo 123|passwd --stdin kefu 更改用户 kefu 的密码…...

编程新知 2025/11/7 14:16:25

Oracle11g安装包

Oracle 11g安装包 适用于windows系统&#xff0c;64位 下载路径 oracle 11g 安装包...

编程新知 2025/9/13 16:14:04

恶补电源：1.电桥

一、元器件的选择 搜索并选择电桥&#xff0c;再multisim中选择FWB&#xff0c;就有各种型号的电桥: 电桥是用来干嘛的呢&#xff1f; 它是一个由四个二极管搭成的“桥梁”形状的电路&#xff0c;用来把交流电&#xff08;AC&#xff09;变成直流电&#xff08;DC&#xff09;。…...

编程新知 2025/11/9 14:55:29

02.运算符

目录 什么是运算符 算术运算符 1.基本四则运算符 2.增量运算符 3.自增/自减运算符 关系运算符 逻辑运算符 &&&#xff1a;逻辑与 ||&#xff1a;逻辑或 &#xff01;&#xff1a;逻辑非 短路求值 位运算符 按位与&&#xff1a; 按位或 | 按位取反~ …...

编程新知 2025/11/7 18:36:30

C++--string的模拟实现

一,引言 string的模拟实现是只对string对象中给的主要功能经行模拟实现&#xff0c;其目的是加强对string的底层了解&#xff0c;以便于在以后的学习或者工作中更加熟练的使用string。本文中的代码仅供参考并不唯一。 二,默认成员函数 string主要有三个成员变量&#xff0c;…...

编程新知 2025/11/7 19:03:09