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

05-使用Vue3 + Vue CLI 实现前端模块的搭建

news 2026/3/27 11:22:35

1、环境准备

流程：安装node得到npm，使用npm安装vue cli(脚手架)，使用vue cli创建项目。

Vue CLI版本和Node版本有关，用Node V12只能下载到Vue CLI V4.X，必须用Node V18才能下载到Vue CLI V5.X

IDEA支持配置多个版本的Node，类似配置多个JDK。

node.js安装

1、官网下载pkg,傻瓜式安装。

2、安装路径

  • Node.js v18.16.0 to /usr/local/bin/node
  • npm v9.5.1 to /usr/local/bin/npm

3、配置nodejs的环境变量

打开Mac 终端，配置全局环境变量

vim .bash_profile

PATH=$PATH:/usr/local/bin/node

4、重新打开终端，输入node，就会进入node环境。

5、设置镜像

使用淘宝镜像：

npm config set registry https://registry.npm.taobao.org

查看当前镜像使用的地址

npm config get registry

2、基于Vue CLI创建前端web模块

1、使用vue安装Vue CLI  ，@可以指定安装的版本。

sudo npm install -g @vue/cli@5.0.8

2、执行vue --

相关文章：

05-使用Vue3 + Vue CLI 实现前端模块的搭建

1、环境准备 流程：安装node得到npm，使用npm安装vue cli(脚手架)，使用vue cli创建项目。 Vue CLI版本和Node版本有关，用Node V12只能下载到Vue CLI V4.X，必须用Node V18才能下载到Vue CLI V5.X IDEA支持配置多个版本的Node，类似配置多个JDK。 node.js安装 1、官网下载…...

编程日记 2023/6/9 3:30:23

3.1 增加多进程执行playwright

增加了多进程的方式执行测试代码，对代码改动比较大 1、case case目录依然是自动生成 2、config dir_collection.py新增了配置 mkdir_collections [case,log,img, ] del_collections [results,report ] del_regex temp3、data/img/log/resource/video data/im…...

编程日记 2023/6/9 3:25:22

关于单片机的时钟浅谈及STM32F103/F030单片机的内外时钟切换问题

绪论 本文主要讲解单片机的时钟系统的相关知识，并进行超频测试，同时介绍如何在STM32F0单片机上进行内外时钟的切换，在不使用外部晶振或者外部晶振不启动时自动切换内部时钟的方法。 一、杂谈 问题来源于群里的一次问答： 诚然&…...

编程日记 2023/6/9 3:20:21

centos6.10环境下安装php7.4（基于WLNMP包）

centos6系统已经被官网停止维护，要安装软件必须用第三方的RPM包，下面使用yum安装php7.4正式版，当前基于WLNMP提供的一键安装包来安装 1、添加epel源 yum install epel-release yum install epel-release 2、添加WLNMP一键安装包源 rpm -iv…...

编程日记 2023/6/9 3:15:20

Qt使用第三方库openssl进行RSA加密解密操作详解

一、openssl库的编译，可以参考文档： https://blog.csdn.net/liang19890820/article/details/51658574/ 因为我这里使用的是windows操作系统，可以直接下载exe格式的安装文件，直接安装即可，就包含了我们需要的头文件和库文件，省去了编译操作。exe安装文件下载地址： htt…...

编程日记 2023/6/9 3:10:19

激发数学思维：GPT-4实证研究探索挑战性数学问题

深度学习自然语言处理 原创作者：wkk 考虑到自然语言在许多科学和工程领域表达的数学问题的丰富性，使用大语言模型(LLM)来解决数学问题是一项有趣的研究工作。今天给大家介绍一篇微软研究院联合欧美高校关于如何使用GPT-4解决数学问题的研究论文。 之前的…...

编程日记 2023/6/9 3:05:18

如何配置IP地址

一.自动获取IP 1.dhclient 2.ifconfig 通过这个命令可以查看系统有几块网卡和网卡的IP。 如果您的Linux有多块网卡，那么在Linux中它会显示成eth1, eth2 依此类推 二.手动配置IP 如果您的虚拟机不能自动获取IP，那么只能手动配置，配置方法为&am…...

编程日记 2023/6/9 3:00:17

CentOS + Nginx 环境自动申请和部署Let‘s Encrypt免费SSL证书教程

文章目录 步骤 1：安装Certbot工具步骤 2：配置Nginx服务器步骤 3：生成SSL证书步骤 4：配置Nginx以使用SSL证书步骤 5：重新加载Nginx配置步骤 6：自动续期证书 本文介绍如何在 CentOS Nginx 环境下&#xff0c…...

编程日记 2023/6/9 2:55:17

浅谈对BI工具价值的看法

浅谈对BI工具价值的看法 BI的定义看法 百度百科的定义： 商业智能（Business Intelligence，简称：BI），又称商业智慧或商务智能，指用现代数据仓库技术、线上分析处理技术、数据挖掘和数据展现技术…...

编程日记 2023/6/9 2:50:16

创建定时任务

import schedule import timedef task():print("Im working...")if __name__ __main__:schedule.every(10).seconds.do(task) # 每10秒一次schedule.every(10).minutes.do(task) # 10分钟一次schedule.every().hour.do(task) # 每小时schedule.every().day.at(&q…...

编程日记 2023/6/9 2:45:15

MyBatis的使用、Spring AOP、Spring事务

一、MyBatis 的使用 1、环境配置 1.1、建库建表 -- 创建数据库 drop database if exists mycnblog; create database mycnblog DEFAULT CHARACTER SET utf8mb4;-- 使⽤数据数据 use mycnblog;-- 创建表[⽤户表] drop table if exists userinfo; create table userinfo(id in…...

编程日记 2023/6/9 2:40:14

Apache Doris 冷热分层技术如何实现存储成本降低 70%？

在数据分析的实际场景中，冷热数据往往面临着不同的查询频次及响应速度要求。例如在电商订单场景中，用户经常访问近 6 个月的订单，时间较久远的订单访问次数非常少；在行为分析场景中，需支持近期流量数据的高频查询且时效…...

编程日记 2023/6/9 2:35:13

MySQL 两个备机同时挂掉故障分析

来源： 接报线上出现两个5.7.38的备库同时crash，crash堆栈相同，内容如下： stack_bottom 7fd7700b0d30 thread_stack 0x40000 /home/service/app/mysql33066/bin/mysqld(my_print_stacktrace0x2c)[0xf1062c] /home/service/app/m…...

编程日记 2023/6/9 2:30:11

序列化与反序列化深入理解

序列化与反序列化深入理解 1 介绍1.1 概述1.2 序列化实现的需求 2 常用序列化实现函数序列化语言内置开源序列化实现 3 各序列化实现比较4 各序列化实现概述XMLJSONProtobufJava 内置TLVVLE（Variable Length Encoding） 5 flex & bison5.1 介绍应用解…...

编程日记 2023/6/9 2:25:10

hudi系列-小文件优化

hudi使用mvcc来实现数据的读写一致性和并发控制，基于timeline实现对事务和表服务的管理，会产生大量比较小的数据文件和元数据文件。大量小文件会对存储和查询性能产生不利影响，包括增加文件系统的开销、文件管理的复杂性以及查询性能的下降。对于namenode而言，当整个集群中…...

编程日记 2023/6/9 2:20:10

mysql 是否包含 返回索引 截取字符串

是否包含返回索引 原文链接：https://www.cnblogs.com/shoshana-kong/p/16474175.html 方法1：使用通配符%。 通配符也就是模糊匹配，可以分为前导模糊查询、后导模糊查询和全导匹配查询，适用于查询某个字符串中是否包含另一个模糊…...

编程日记 2023/6/9 2:15:09

【LeetCode】74. 搜索二维矩阵

74. 搜索二维矩阵（中等） 方法一：二分查找 思路 总体思路 由于二维矩阵固定列的「从上到下」或者固定行的「从左到右」都是升序的 因此我们可以使用两次二分来定位到目标位置。 第一次二分： 从第 0 列中的「所有行」开始找&#x…...

编程日记 2023/6/9 2:10:07

Nginx rewrite

一.location 大致可以分为三类： 精准匹配：location / {…}一般匹配：location / {…}正则匹配：location ~ / {…} 1.location 常用的匹配规则： ：进行普通字符精确匹配，也就是完全匹配。^~ &am…...

编程日记 2023/6/9 2:05:06

【数据分享】1929-2022年全球站点的逐日降水量（Shp\Excel\12000个站点）

气象数据是在各项研究中都经常使用的数据，气象指标包括气温、风速、降水、湿度等指标，说到常用的降水数据，最详细的降水数据是具体到气象监测站点的降水数据！ 有关气象指标的监测站点数据，之前我们分享过1929-2022年全…...

编程日记 2023/6/9 2:00:05

【论文阅读】（2013）Exact algorithms for the bin packing problem with fragile objects

文章目录 一、摘要二、介绍三、之前在这个问题上的工作四、易碎物品背包问题的求解4.1 ILP模型4.2 基于KP01的方法4.3 动态规划 五、二元分支方案5.1 分支方案1（基于决策变量的分支）5.2 分支方案2（基于yj和xji的分支）5.3 将L2嵌入…...

编程日记 2023/6/9 1:55:04

省token秘籍：OpenClaw+nanobot镜像长文本处理优化方案

省token秘籍：OpenClawnanobot镜像长文本处理优化方案 1. 当长文本遇上大模型：我的token焦虑症 第一次尝试用OpenClaw处理公司三年的技术文档归档时，我看着账单倒吸一口凉气——单次50万token的消耗让我的个人预算瞬间见底。这促使我开始探索…...

编程新知 2026/3/27 11:05:53

Windows音频捕获新方案：实现进程级精准录音的技术实践

Windows音频捕获新方案：实现进程级精准录音的技术实践 【免费下载链接】win-capture-audio An OBS plugin that allows capture of independant application audio streams on Windows, in a similar fashion to OBSs game capture and Discords application stream…...

编程新知 2026/3/27 10:15:30

游戏界面开发与UI框架：零基础上手卡牌游戏界面开发与性能调优

游戏界面开发与UI框架：零基础上手卡牌游戏界面开发与性能调优 【免费下载链接】UiCard Generic UI for card games like Hearthstone, Magic Arena and Slay the Spire... 项目地址: https://gitcode.com/gh_mirrors/ui/UiCard 问题诊断：卡牌UI开…...

编程新知 2026/3/27 10:07:28

快速上手Qwen3-TTS：无需代码，Web界面直接合成10种语言语音

快速上手Qwen3-TTS：无需代码，Web界面直接合成10种语言语音 1. 为什么选择Qwen3-TTS语音合成 语音合成技术正在改变我们与数字世界的交互方式。想象一下，你正在制作一个多语言教学视频，或者开发一个国际化的智能客服系统&#xf…...

编程新知 2026/3/27 9:20:54

DXVK解决方案：基于Vulkan的Direct3D兼容层性能优化指南

DXVK解决方案：基于Vulkan的Direct3D兼容层性能优化指南 【免费下载链接】dxvk Vulkan-based implementation of D3D9, D3D10 and D3D11 for Linux / Wine 项目地址: https://gitcode.com/gh_mirrors/dx/dxvk DXVK是一个基于Vulkan的Direct3D 8/9/10/11实现层…...

编程新知 2026/3/27 9:12:50

英雄联盟智能助手：5个提升游戏体验的核心技巧

英雄联盟智能助手：5个提升游戏体验的核心技巧 【免费下载链接】League-Toolkit 兴趣使然的、简单易用的英雄联盟工具集。支持战绩查询、自动秒选等功能。基于 LCU API。 项目地址: https://gitcode.com/gh_mirrors/le/League-Toolkit 你是否曾经在英雄联盟游…...

编程新知 2026/3/27 7:30:13

Nacos集群启动时，那个神秘的cluster.conf文件到底是怎么被找到和监控的？

Nacos集群启动时cluster.conf文件的寻址与监控机制深度解析 从一次集群配置失效事件说起 上周深夜，我们的分布式系统监控平台突然发出警报——Nacos集群中的三个节点相继失联。紧急排查时发现，明明已经更新了cluster.conf文件新增了两个节点，…...

编程新知 2026/3/27 7:18:12

从“变速齿轮”到“创新引擎”：解码阿里“大中台、小前台”战略的演进与实战

1. 中台战略的起源与本质 第一次听说"大中台、小前台"这个概念时，我正坐在杭州一家咖啡馆里和几位阿里P8的技术专家聊天。他们用了一个特别形象的比喻："现在的互联网公司就像一辆老式自行车，前台是拼命蹬车的双腿，…...

编程新知 2026/3/27 7:16:12

校园网免认证上网？手把手教你用UDP53端口搭建自己的“网络后门”（附服务器配置）

校园网络优化：UDP53端口的高效应用实践 校园网络作为师生日常学习生活的重要基础设施，其稳定性和访问效率直接影响着教学科研活动的开展。本文将深入探讨一种基于UDP53端口的网络优化方案，帮助技术爱好者理解并实现更流畅的网络体验。 1. 校园…...

编程新知 2026/3/27 6:35:17

春联生成模型-中文-base多线程批量生成教程，为公司百名员工定制春节祝福

春联生成模型-中文-base多线程批量生成教程，为公司百名员工定制春节祝福 春节将至，为公司员工准备个性化春联是传递祝福的好方式。传统手工创作耗时耗力，而春联生成模型-中文-base结合多线程技术，能高效完成批量定制。本文将详细…...

编程新知 2026/3/27 6:19:03