VUE-配置-流程

SunSkyCity

已于 2024-04-23 08:50:22 修改

阅读量500

点赞数 3

CC 4.0 BY-SA版权

文章标签： vue

于 2024-04-23 08:49:01 首次发布

本文链接：https://blog.youkuaiyun.com/stcaaa/article/details/138106863

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