Element 框架编译打包零基础实战

45 阅读1分钟

文件目录

管理端文件目录: template/admin/

建议环境如下:

安装Nodejs

推荐使用官方下载【 v14.21.3版本】,其他版本可按照环境下载。
Nodejs:【官方下载】

windows用户建议下载 :node-v14.21.3-x64.msi
Mac用户建议下载:node-v14.21.3.pkg

下载完成后,请安装Nodejs。
下图为win系统64位的安装包,双击进入安装

检查是否安装成功,在命令行输入以下命令,检查是否成功。

node -v
npm -v


以上版本确认无误,安装成功,进行下一步打包。

打包教程:(以vscode编辑器为例,下载地址

1.打开程序template/admin文件夹

2.在编辑器命令行中执行命令安装node依赖

执行命令
npm install


安装完成会生成node_modules文件夹

注:如果安装失败,请按照doc.crmeb.com/single/crme… 修改镜像然后再执行命令

3.管理端页面文件打包

注:如需独立部署则修改src/setting.js中的请求接口地址,https://您的域名/adminapi 否则无需修改。默认无需修改。

执行命令
npm run build

打包完成会生成dist文件夹,该文件夹下就是编译完成的管理端页面文件,将文件夹内文件上传到服务器上的public/admin目录下


打包完成。

如需本地调试:

1.本地调试,请在编辑器里打开目录,修改域名,然后执行命令

npm run dev


完成之后会自动打开默认浏览器

源码附件:www.crmeb.com/xiazai