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)

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

vue -V
@vue/cli 4.5.13

node -v
v14.17.3

node-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安装:去官网直接下载安装

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
经验分享 程序员 微信小程序 职场和发展