go-admin快速入门系列第二篇

用户10002156

发布于 2023-12-06 17:32:37

2710

发布于 2023-12-06 17:32:37

文章被收录于专栏：生活处处有BUG

验证环境go-admin-ui

vue 项目支持的 node 和 npm 版本信息

(base) xj@xjpc:~/www/go-admin-ui$ node -v
v14.16.0
(base) xj@xjpc:~/www/go-admin-ui$ npm -v
6.14.11

如需安装 node 或者 npm 进入

然后，退出go-admin项目目录，我们建议go-admin项目文件根目录和go-admin-ui项目文件根目录，放在同一级目录下。

$ ls
go-admin      go-admin-ui
# 返回到 dirname 文件夹$ cd ../

View 项目下载go-admin-ui

这里我们直接git clone下来。

# clone
$ git clone https://github.com/go-admin-team/go-admin-ui.git

输出内容：

$ git clone https://github.com/go-admin-team/go-admin-ui.git
Cloning into 'go-admin-ui'...
...
Receiving objects: 100% (584/584), 580.92 KiB | 16.00 KiB/s, done.
Resolving deltas: 100% (127/127), done.

恭喜！到目前为止说明 go-admin-ui 代码已经下载完成。

安装依赖go-admin-ui

$ cd go-admin-ui/
$ npm install  # npm install --registry=https://registry.npm.taobao.org   # 国内请使用
# 或者使用
$ cnpm install
# 上述两种安装报错或者node16+使用yarn进行安装$ yarn

INFO

这里还原包是需要一些时间的请耐心等待一下...

看到类似下面输出内容说明已经安装好了

Binary found at /Users/zhangwenjian/Code/go-test/go-admin-ui/node_modules/node-sass/vendor/darwin-x64-64/binding.node
Testing binary
Binary is fine
added 2033 packages from 1953 contributors in 40.229s

view 启动go-admin-ui

启动项目，使用npm run dev命令就好了。

# 启动页面
$ npm run dev

输出内容：

DONE  Compiled successfully in 22188ms                                                                                                         12:47:40 AM

  App running at:  - Local:   http://localhost:9527/  - Network: http://192.168.3.12:9527/
  Note that the development build is not optimized.  To create a production build, run npm run build.

INFO

此时项目已经启动了，但是有一点请注意：检查 go-admin 是否也启动了。否则页面会提示错误的哦。

构建及部署

构建开始，执行 npm run build:prod

# 编译项目$ npm run build:prod
  Images and other types of assets omitted.
 DONE  Build complete. The dist directory is ready to be deployed. INFO  Check out deployment instructions at https://cli.vuejs.org/guide/deployment.html

构建产物默认生成到 ./dist 下，然后通过 tree 命令查看，(windows 用户可忽略此步）

测试环境验证，将 ./dist 文件上传到测试环境中进行验证。

部署，将测试后的 ./dist 文件上传到最终环境或者生产环境。

本文参与腾讯云自媒体同步曝光计划，分享自微信公众号。

原始发表：2023-12-05，如有侵权请联系 cloudcommunity@tencent.com 删除

admin