# 前端起步
WARNING
阅读本小节前，请确保你已经完成了服务端部署，否则在登录时将无法通过权鉴认证。
# 你需要了解
Lin 的前端是基于 Vue 的，所以你必须首先安装一些支持 Vue 的运行环境以及必备工具。无需担心，正如同我们之前运行 Server 时的步骤一样，前端的起步依然非常简单。
# Client 端必备环境
- 安装
Node.js（version：8.11.0+） - 确保
npm或者yarn可用
# 下载工程代码
打开命令行工具，键入以下命令：
git clone https://github.com/TaleLin/lin-cms-vue.git
1
# 安装依赖包
进入工程项目根目录后，打开命令行依次输入以下三条命令:
# 设置npm源为淘宝源
npm config set registry https://registry.npm.taobao.org
# 设置node_sass安装源为淘宝源
npm config set sass_binary_site https://npm.taobao.org/mirrors/node-sass/
# 安装项目依赖
npm install
1
2
3
4
5
6
2
3
4
5
6
由于Lin cms vue 升级了0.3版本，这个版本做了一些大的调整，目前Lin CMS TP5适配的还是0.2.x版本，这会导致你代码拉下来后发现登陆不了，由于个人时间问题暂时没有做适配，临时的解决方案就是在lin cms vue的根目录下运行如下命令：
git checkout -b 0.2.x origin/0.2.x；执行完毕之后再进行后续的操作。
# 运行
因为 Lin 是基于 vue-cli3 开发的，那么默认的本地服务启动的命令：
npm run serve
1
Node 版本要求
Vue CLI 需要Node.js 8.9或更高版本 (推荐 8.11.0+)。你可以使用 nvm或 nvm-windows在同一台电脑中管理多个 Node 版本。
# 完成登录
- 通过管理员账号密码登录，账号密码通过
起步中脚本创建。
到此，通过脚手架内置的 webpack 本地服务，访问http://localhost:8080，将打开 Lin 的登录页面，接下来你可以查看前端代码的目录结构，对 Lin 有一个初步认识。
接下来我们来完成一个简单的demo帮助开发者更快的熟悉 Lin。