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
