vue-antd-admin管理后台使用教程

项目地址:https://gitee.com/gist006/vue-antd-admin
https://github.com/biubiubiu01/vue-antd-admin

前端小白看过来!

最近需要做一个管理平台,找到这个框架觉得功能齐全,很符合我的需求,所以决定基于这个框架来做我的项目。但由于我对vue、nodejs不是特别熟悉,所以频频遇到问题,不过还在最后还是成功了。特写篇笔记来总结分享,让前端小白也能快速把这个框架用起来!

首先要把项目拉到本地。

git clone https://github.com/biubiubiu01/vue-antd-admin.git

要把项目跑起来,需要先安装依赖。
安装依赖前,需要切换taobao源并且下载cnpm,这都是因为国内网络的原因,你懂的~

切换taobao源并且下载cnpm:

 npm install -g cnpm --registry=https://registry.npm.taobao.org

安装依赖:

cnpm install (或者cnpm i)

在这里插入图片描述
正常安装完依赖的截图,一定要看到“√ All packages installed ”

如果这一步报错,请务必检查以下版本是否正确(错一个都不行)

vue -V
@vue/cli 4.5.13node -v
v14.17.3node-sass -v
node-sass       4.14.1  (Wrapper)       [JavaScript]
libsass         3.5.5   (Sass Compiler) [C/C++]node-gyp -v
v8.1.0

vue安装:

npm install -g @vue/cli

node安装:去官网直接下载安装https://nodejs.org/en/

node-sass安装:(我这里是指定版本安装)

cnpm install node-sass@4.14.1

node-gyp安装:

npm install --global --production windows-build-tools

这个命令会一键安装python、visual C++ Build Tools、.net framework 4.5.1或者VS2017,但是不推荐使用此命令,建议自己分开安装。

python、visual C++ Build Tools、.net framework 4.5.1或者VS2017,直接单独在网上查安装教程即可,安装基本都是傻瓜化的,很简单。

依赖搞定之后,直接启动项目即可。

cnpm run serve

在这里插入图片描述


本文来自互联网用户投稿,文章观点仅代表作者本人,不代表本站立场,不承担相关法律责任。如若转载,请注明出处。 如若内容造成侵权/违法违规/事实不符,请点击【内容举报】进行投诉反馈!

相关文章

立即
投稿

微信公众账号

微信扫一扫加关注

返回
顶部