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

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

一、使用压缩模板文件


       

找到 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-master\config\index.js,将useEslint的值从true改为false


a3bfc4407c604f248a46b9a89ad048a3.png


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


f9bf7fb02de44b8ba73140060d9c7cb5.png


相关文章
|
13天前
|
前端开发 数据安全/隐私保护
.自定义认证前端页面
.自定义认证前端页面
6 1
.自定义认证前端页面
|
4月前
|
开发框架 前端开发 JavaScript
循序渐进VUE+Element 前端应用开发(5)--- 表格列表页面的查询,列表展示和字段转义处理
循序渐进VUE+Element 前端应用开发(5)--- 表格列表页面的查询,列表展示和字段转义处理
|
8天前
|
前端开发 安全 JavaScript
在阿里云快速启动Appsmith搭建前端页面
本文介绍了Appsmith的基本信息,并通过阿里云计算巢完成了Appsmith的快速部署,使用者不需要自己下载代码,不需要自己安装复杂的依赖,不需要了解底层技术,只需要在控制台图形界面点击几下鼠标就可以快速部署并启动Appsmith,非技术同学也能轻松搞定。
|
4月前
|
前端开发 JavaScript Java
基于Vue+ElementUI框架实现学生管理系统前端页面设计
基于Vue+ElementUI框架实现学生管理系统前端页面设计
|
1月前
|
前端开发 JavaScript
回顾前端页面发送ajax请求方式
回顾前端页面发送ajax请求方式
37 18
|
2月前
|
前端开发 JavaScript API
前端JS读取文件内容并展示到页面上
前端JavaScript使用FileReader API读取文件内容,支持文本类型文件。在文件读取成功后,可以通过onload事件处理函数获取文件内容,然后展示到页面上。
85 2
前端JS读取文件内容并展示到页面上
|
1月前
|
前端开发 数据安全/隐私保护
angular前端基本页面验证
angular前端基本页面验证
29 1
|
1月前
|
前端开发
搭建个人博客--1、前端页面
搭建个人博客--1、前端页面
20 1
|
3月前
|
开发框架 前端开发 Java
【前端学java】SpringBootWeb极速入门-实现一个简单的web页面01
【8月更文挑战第12天】SpringBootWeb极速入门-实现一个简单的web页面01
69 3
【前端学java】SpringBootWeb极速入门-实现一个简单的web页面01
|
2月前
|
前端开发 JavaScript
前端基础(一)_前端页面构成
本文介绍了前端页面的基本构成,包括HTML(负责页面的结构和语义)、CSS(负责页面的样式和表现)和JavaScript(负责页面的行为和动态效果)。文章通过示例代码展示了如何使用这三种技术来创建一个简单的网页,并解释了HTML文档的结构和语法。
34 0