VUE-配置-流程

news/2024/5/19 17:31:34/ 标签: vue

VUE-配置-流程

---1---.安装 NVM:

---2---.用NVM:安装node.js   :
修改源:
nvm root 命令,可以查看nvm的安装根路径在那个文件夹
root地址,找到setting.txt文件并打开
复制粘贴以下代码, 保存完成nvm源修改:
node_mirror: https://npmmirror.com/mirrors/node/
npm_mirror:  https://npmmirror.com/mirrors/npm/


查看所有 node js 版本:

nvm list available
安装指定的版本:nvm install 17.9.1
查看安装的所有版本:nvm list 或 nvm ls
进入或切换版本:nvm use 17.9.1 (录入:nvm use 17  就可以)

检查是否安装成功: node -v 查看node的版本、npm -v 查看npm的版本

---3---.用NVM:安装npm: (nvm  安装 node js 会自动安装 npm V8.11.0)

设置 npm  代理 :npm config set proxy=http://192.168.1.173:17890


---4---.用npm:安装yarn:

npm install -g yarn

yarn --version

---5---. 安装项目依赖:npm i  (高版本npm 出错用 npm i --legacy-peer-deps )

npm i --legacy-peer-deps

原因:npm 升级到 7.x以上后,会出现上游依赖冲突;–legacy-peer-deps:安装时忽略所有 peerDependencie,默认使用npm 4-6版本的安装模式,安装过程中是会跳过对等依赖项。

---6---.用yarn 测试项目: yarn dev


---7---.启动:编译:

查看: 项目 package.json 里的 "scripts": {
    "dev": "set NODE_OPTIONS=--openssl-legacy-provider && vue-cli-service serve",
    "build:prod": "set NODE_OPTIONS=--openssl-legacy-provider && vue-cli-service build",
    "build:stage": "vue-cli-service build --mode staging",
    "preview": "node build/index.js --preview",
    "lint": "eslint --ext .js,.vue src"
  },
  配置信息: 使用以下可启动 编译:
 npm run build:prod
 
 
 
 ===2.
 ---安装依赖库
 npm install -g cnpm --registry=https://registry.npm.taobao.org
 cnpm install 
 
 ---打包编译:
1、切换到项目根目录下,运行打包命令
cnpm run build  #相关文件被打包
结果报错npm ERR! missing script: build,后来发现package.json中scripts参数为 
2.根据package.json输入正确命令:
 cnpm run build:prod --report
 
 
 cnpm run build:prod --report
 
 =====报错处理:
 
 
 error:0308010C:digital envelope routines::unsupported

 
报错error:0308010C:digital envelope routines::unsupported

出现这个错误是因为 node.js V17版本中最近发布的OpenSSL3.0, 而OpenSSL3.0对允许算法和密钥大小增加了严格的限制,可能会对生态系统造成一些影响.


方法一:OK:

  "scripts": {
    "dev": "set NODE_OPTIONS=--openssl-legacy-provider && vue-cli-service serve",
    "build:prod": "set NODE_OPTIONS=--openssl-legacy-provider && vue-cli-service build",
    "build:stage": "vue-cli-service build --mode staging",
    "preview": "node build/index.js --preview",
    "lint": "eslint --ext .js,.vue src"
  },

 
 ======
 报错These dependencies were not found 解决办法
项目启动后报错如下
解决办法:
1、删掉node_moudles文件夹
2、使用npm install 重新安装所有依赖包

如果安装所有依赖包时报错如下

这个报错可能因为npm版本过高,所以对某些命令比npm6.x更严格

这时在npm install 命令后加–legacy-peer-deps,重新运行命令安装即可。
 
 cnpm install –legacy-peer-deps
 cnpm run build:prod --report
 
 
 npm run build:prod && rd /s /q
 
 
 npm run build:prod && rd /s /q "C:\00.demonstration\nginx-1.24.0\BJhtml\static" && xcopy dist C:\00.demonstration\nginx-1.24.0\BJhtml  /s/y
 
 


http://www.ppmy.cn/news/1434568.html

相关文章

MATLAB初学者入门(8)—— 动态规划

动态规划是一种数学方法,用于解决具有递归结构的决策问题,特别是那些涉及顺序决策的问题。在MATLAB中实现动态规划,可以通过定义状态变量、决策变量、状态转移方程以及目标函数来完成。以下是具体的案例分析。 案例分析:项目资源…

Oracle使用内部包自定义创建表空间和用户

如果之前有类似的表空间,可以使用dbms自动生成对应的表空间和数据文件 select dbms_metadata.get_ddl(TABLESPACE,ts.tablespace_name) from dba_tablespaces ts; 可以使用类似的 SQL> set echo off SQL> spool /data/logs/create_tablespace.log SQL> select dbms…

SqL--DCL数据控制语言

文章目录 数据控制语言用户角色 赋权收权删除用户自定义角色 数据控制语言 用户 用户:用来登录数据库的账号 需要有权限的用户或者管理员用户system 创建用户: 语法: CREATE USER 用户名 IDENTIFIED BY 密码;注意:1.此时的用户…

浅析Java中的LinkedList和ArrayList特点和底层

本期经验 LinkedList适合于删除和插入元素的操作,对首元素和尾元素的删除和修改插入极好,ArrayList适合于元素的修改和查询。 LinkedList LinkedList的底层使用双向链表来写,这导致其每次查询和修改元素都必须从首元素开始以此往下找&…

.NET 基于Socket中转WebSocket

前言 针对IOS App Proxy Server无法直连WebSocket,建立 Socket中转端。 WebSocket 端: WebSocket 端用于实现实时通信功能。 WebSocket 端通过 WebSocket 协议与中转端通信,中转端可以通过 WebSocket 或其他传输协议与 WebSocket 端建立连…

Pytorch或Tensorflow 深度学习库安装 (简易版)

Tensorflow 2.X安装 0、 pytorch 支持 conda虚拟环境 cuda 和 cudnn1、创建conda环境2、测试GPU是否可用3、在机器上安装cuda 和 cudnnCUDA 安装cudnn 安装 0、 pytorch 支持 conda虚拟环境 cuda 和 cudnn 如果只用pytorch, 只需在虚拟环境安装cuda 和 cudnn即可&am…

JavaScript 模块导出示例

JavaScript 模块导出示例说明 在 JavaScript 中,我们可以通过 export 关键字将模块中的功能导出,以供其他模块使用。导出可以是单个默认值,也可以是多个命名值。本文将分别介绍导出单个值和导出多个值的示例说明。 导出单个值 当模块中只有…

MySQL你想知道序列当前生成的值,你可以使用SHOW TABLE STATUS命令或者查询information_schema数据库

在MySQL中,如果你想知道序列当前生成的值(例如,自增主键的当前值),你可以使用SHOW TABLE STATUS命令或者查询information_schema数据库。 使用SHOW TABLE STATUS命令: 这个命令可以显示关于表的各种信息&…

AI助力科研创新与效率双提升:ChatGPT深度科研应用、数据分析及机器学习、AI绘图与高效论文撰写

2022年11月30日,可能将成为一个改变人类历史的日子——美国人工智能开发机构OpenAI推出了聊天机器人ChatGPT3.5,将人工智能的发展推向了一个新的高度。2023年4月,更强版本的ChatGPT4.0上线,文本、语音、图像等多模态交互方式使其在…

MySQL数据库精讲001——概述

MySQL数据库精讲001——概述 文章目录 MySQL数据库精讲001——概述1.1 安装1.1.1 版本1.1.2 安装一、下载二、解压三、配置1. 添加环境变量2. 初始化MySQL3. 注册MySQL服务4. 启动MySQL服务5. 修改默认账户密码 四、登录MySQL五、卸载MySQL 1.1.3 连接1.1.4 企业使用方式(了解)…

Tomcat服务器的优化经验

对于优化Tomcat服务器的经验,以下是一些常见的做法和建议: **调整内存配置:**Tomcat服务器的性能很大程度上取决于内存的配置。确保为Tomcat分配足够的堆内存和非堆内存,以避免OutOfMemoryError等内存相关的问题。可以通过编辑Tom…

实验4 数字频率计

实验目的: 1、使用铆孔U7输出一个脉冲,频率不定。 2、使用铆孔V7测量脉冲频率,并在数码管上显示。 实验内容及步骤: 设计原理 测量频率的方法有很多,按照其工作原理分为无源测量法、比较法、示波器法和计数法等。…

HOT100与剑指Offer

文章目录 前言一、70. 爬楼梯(HOT100)二、118. 杨辉三角(HOT100)总结 前言 一个本硕双非的小菜鸡,备战24年秋招,计划刷完hot100和剑指Offer的刷题计划,加油! 根据要求,每…

椭圆曲线密码学(ECC)基本介绍和总结

背景 ECC英文全称"Elliptic Curve Cryptography",其背后的密码学原理或者说安全性,是基于椭圆曲线离散对数问题(Elliptic Curve Discrete Logarithm Problem,ECDLP)。ECC密码学被普遍认为是RSA密码系统的接…

Spring-IOC之组件扫描

版本 Spring Framework 6.0.9​ 1. 前言 通过自动扫描,Spring 会自动从扫描指定的包及其子包下的所有类,并根据类上的特定注解将该类装配到容器中,而无需在 XML 配置文件或 Java 配置类中逐一声明每一个 Bean。 支持的注解 Spring 支持一系…

001 redis高并发减库存

文章目录 释放锁加lua脚本String lockValue(唯一标识符作为锁的值)lua脚本无String lockValue(唯一标识符作为锁的值)无Lua脚本加锁的过期时间防死锁无lockValue代码 lockValue加了lockValue无lua脚本代码加了lockValue加了lua脚本…

工厂方法模式设计实验

【实验内容】 楚锋软件公司欲开发一个系统运行日志记录器(Logger)。该记录器可以通过多种途径保存系统的运行日志:例如通过文件记录或数据库记录,用户可以通过修改配置文件灵活地更换日志记录方式。在设计各类日志记录器时&#…

【ZZULIOJ】1078: a+b(多实例测试1)(Java)

目录 题目描述 输入 输出 样例输入 Copy 样例输出 Copy 提示 code 题目描述 计算AB 输入 输入第1行为一个整数n(1≤n≤10),代表测试的组数。 下面有n组测试数据,每组1行,为2个整数,为A, B。 输出 对每行输入&#xff…

【Java】文件操作(一)

文章目录 ✍一、文件的基本认识1.文件是什么?2.文本文件和二进制文件3.文件权限4.相对路径和绝对路径1.1绝对路径1.2相对路径 ✍二、文件的基本操作1.FIle的属性2.File的构造方法3.File类的方法3.1File类的获取操作3.2File类的判断操作3.3文件创建和删除3.4其他的常…

SQL超详细解析

目录 SQL通用语法 SQL分类 DDL-数据库定义语言 1、DDL-数据库操作-查询 查询所有数据库 查询当前数据库 2、DDL-数据库操作-创建 创建数据库 3、DDL-数据库操作-删除 4、DDL-数据库操作-使用 5、DDL-表操作-查询: 查看当前数据库的所有表名称 查询当前表…