前端起步

WARNING

阅读本小节前,请确保你已经完成了服务端部署,否则在登录时将无法通过权鉴认证。

你必须了解

Lin 的前端是基于 Vue 的,所以你必须首先安装一些支持 Vue 的运行环境以及必备工具。无需担心,正如同我们之前运行 Server 时的步骤一样,前端的起步依然非常简单。

Client 端必备环境

  • 安装 Node.js(version:8.11.0+)
  • 确保 npm 或者 yarn 可用

下载工程代码

打开命令行工具,键入以下命令:

  1. git clone https://github.com/TaleLin/lin-cms-vue.git

安装依赖包

进入工程项目根目录后,键入以下命令:

  1. npm install

运行

因为 Lin 是基于 vue-cli3 开发的,那么默认的本地服务启动的命令:

  1. npm run serve

Node 版本要求

Vue CLI 需要 Node.js前端起步 - 图1 8.9 或更高版本 (推荐 8.11.0+)。你可以使用 nvm前端起步 - 图2nvm-windows前端起步 - 图3 在同一台电脑中管理多个 Node 版本。

每个人的 node 开发版本不尽相同,可能会遇到 Node Sass 兼容性问题,请尝试下面的命令:

  1. npm rebuild node-sass

完成登录

到此,通过脚手架内置的 webpack 本地服务,访问http://localhost:8080,将打开 Lin 的登录页面,接下来你可以查看前端代码的目录结构,对 Lin 有一个初步认识。

接下来我们来完成一个简单的 Demo 帮助开发者更快的熟悉 Lin。