前端文档库

第一周的前端培训

培训目的

  • 帮助新人更快更好地熟悉公司项目

  • 帮助新人提升开发速度和开发效率

  • 巩固扩展前端知识，让新人前端基础更扎实

内容概览

  1. 新项目怎么拉取

  2. 新项目快速入门

  3. 代码提交演示

  4. UI库基本使用

  5. 管理后台+小程序

  6. 推荐开发和调试工具

培训内容

新项目怎么拉取

  1. 找负责人注册云效账号

  2. 设置云效代码仓库账号密码或配置ssh

  3. 拉取代码：git clone {代码路径}

  4. 切换到develop分支：git checkout develop

注：若项目需要开通代码权限，则先找负责人开通代码权限

新项目快速入门

  1. 查看package.json文件，查看运行脚本、安装依赖及对应版本

  2. 查看README.md文件，查看项目描述和目录结构信息

  3. 项目运行演示

  4. 目录结构划分

  5. 介绍项目封装的工具和方法

代码提交

vscode操作

  1. 可视化pull

  2. 可视化add

  3. 可视化commit

  4. 可视化push

命令行操作

Git的基本使用open in new window

UI库基本使用

  1. lui组件库的介绍

  2. lui组件库的使用

  3. lui组件库的维护

管理后台+小程序

  1. 框架介绍

  2. 目录介绍

  3. 创建项目（链股AppWorks插件）

  4. 代码演示

推荐开发和调试工具

  1. VSCode编辑器

  2. Chrome浏览器

作业

  • 用链股AppWorks插件创建一个PC端项目，使用lui组件库的table组件实现数据统计页面，作业周一前提交。要求：

    • VSCode安装Linkkap AppWorks相关插件

    • 使用插件创建PC管理后台项目（即链股admin管理后台）。

    • 引入lui组件库，并使用table组件，组件库文档open in new window。

    • 在gitee中创建开源项目，并将作业源码上传到gitee。

    • 作业提交：在周报中备注gitee源码地址。

注：l-ui安装失败时，将l-ui改为 @ouyangdan/l-ui

培训视频记录

日期视频地址
2021-10-21链接: https://pan.baidu.com/s/13tOXuteRukEVnHsRQjoJSA 提取码: 2jnw
请选择日期
请选择日期