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