|
@@ -87,22 +87,30 @@ npm config set registry https://registry.npmmirror.com
|
|
|
|
|
|
|
|
##### 2. 安装依赖启动项目
|
|
##### 2. 安装依赖启动项目
|
|
|
|
|
|
|
|
-使用`vscode`打开vue项目，进入到该项目的根目录（根目录有`package.json` 的文件）
|
|
|
|
|
|
|
+项目要求使用 [pnpm](https://www.pnpm.cn/) 包管理工具
|
|
|
|
|
|
|
|
-使用npm安装依赖（请记得配好淘宝的镜像源，除非你能确定你的网络能够畅快访问外网，另外千万不要用cnpm），使用命令行输入，回车：
|
|
|
|
|
|
|
+使用编辑器打开项目，在根目录执行以下命令安装依赖
|
|
|
|
|
|
|
|
```bash
|
|
```bash
|
|
|
-npm i
|
|
|
|
|
|
|
+pnpm install
|
|
|
```
|
|
```
|
|
|
|
|
|
|
|
-如果用淘宝镜像装不上的话，报错信息含有“要安装python”的相关信息，就删掉node_modules 切换回原镜像试试
|
|
|
|
|
-
|
|
|
|
|
-```bash
|
|
|
|
|
-npm config set registry https://registry.npmjs.org/
|
|
|
|
|
|
|
+如果不想使用 pnpm，请删除 `package.json` 文件中 `pnpm` 相关内容后再进行安装
|
|
|
|
|
+
|
|
|
|
|
+```json
|
|
|
|
|
+{
|
|
|
|
|
+ "scripts" : {
|
|
|
|
|
+ "preinstall": "npx only-allow pnpm" // 删除此行
|
|
|
|
|
+ },
|
|
|
|
|
+ "engines": {
|
|
|
|
|
+ "pnpm": ">=7" // 删除此行
|
|
|
|
|
+ },
|
|
|
|
|
+ "pnpm": { // 删除此项
|
|
|
|
|
+ ...
|
|
|
|
|
+ }
|
|
|
|
|
+}
|
|
|
```
|
|
```
|
|
|
|
|
|
|
|
-
|
|
|
|
|
-
|
|
|
|
|
##### 3. 修改配置文件，连接后台
|
|
##### 3. 修改配置文件，连接后台
|
|
|
|
|
|
|
|
修改 `.env.production` 连接后台，
|
|
修改 `.env.production` 连接后台，
|
|
@@ -141,7 +149,7 @@ VUE_APP_RESOURCES_URL = 'https://img.mall4j.com/'
|
|
|
|
|
|
|
|
##### 打包，上传到服务器
|
|
##### 打包，上传到服务器
|
|
|
|
|
|
|
|
-1. 使用 `npm run build:prod` 命令对项目进行打包
|
|
|
|
|
|
|
+1. 使用 `npm run build` 命令对项目进行打包
|
|
|
2. 将步骤1中生成的`dist` 文件夹中的文件，压缩，上传到服务器nginx指定好的目录(`/usr/share/nginx/admin` )，解压
|
|
2. 将步骤1中生成的`dist` 文件夹中的文件，压缩，上传到服务器nginx指定好的目录(`/usr/share/nginx/admin` )，解压
|
|
|
|
|
|
|
|
|
|
|
wyy