VUE-配置-流程

news/2024/12/5 2:54:15/

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命令: 这个命令可以显示关于表的各种信息&…