zl程序教程

您现在的位置是:首页 >  其他

当前栏目

谷粒学苑项目实战(七):搭建前端页面

2023-03-14 22:47:58 时间

一、使用压缩模板文件


        

找到 vue-admin-template-master 压缩文件,解压后,将文件夹放到vscode的工作区


二、下载依赖


cmd进入文件夹目录下,使用命令下载依赖:


npm install


这个命令可能会出现错误,如果出现错误,可以重试(这个命令需要首先安装node.js,网上有很多安装教程);


也可以安装淘宝镜像:


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


安装后使用cnpm命令下载依赖,速度会快很多:


cnpm install


三、启动 


       

下载完成后,使用命令启动:


npm run dev


此时应该可以看到跳出来的登录框 。


四、 一些修改


       

1、进入vue-admin-template-masterconfigindex.js,将useEslint的值从true改为false


a3bfc4407c604f248a46b9a89ad048a3.png


2、进入 vue-admin-template-masterconfigdev.env.js ,将 BASE_API 的值改为本地


f9bf7fb02de44b8ba73140060d9c7cb5.png