vue

开发环境配置

★搭建环境

◇基础环境

1. 安装node

   node --version
   npm --version
   

2. node版本管理（用于维护旧项目需要指定某个node版本）：nvm，window-nvm

3. npm源管理：nrm

   npm install -g nrm
   

4. 将NPM源设置为国内的镜像CNPM

◇安装模块

• yarn

• npm

cnpm install [name]
npm init --yes
npm install [package]
npm install -g [package]
npm run [script]

◇开发工具

• 编辑器: VSCode
  • Vetur Vue语法高亮
  • Path Intellisense 路径完成提示
  • vscode-icons 文件图标
  • open in browser 在浏览中打开
• 浏览器和Vue Devtools
  • 有条件的小伙伴在chrome上安装，没有条件在qq浏览器上安装
• 接口管理平台：RAP2
• 数据模拟：Mockjs

★前后端分离

通过rap2 和 mockjs，实现真正的前后端分离！测试代码如下：

demo

注意一个图片的url是如何生成的！

➹：有没有开源的api管理系统？ - 知乎

➹：Mockjs,再也不用追着后端小伙伴要接口了 - 掘金

➹：APIJSON/APIJSON: 🏆Gitee Most Valuable Project🚀A JSON Transmission Protocol and an ORM Library for automatically providing APIs and Docs

➹：YMFE/yapi: YApi 是一个可本地部署的、打通前后端及QA的、可视化的接口管理平台

➹：Mock.js

➹：rap2使用姿势——前端、后端、测试必看（多gif图） - 掘金

➹：thx/rap2-delos: 阿里妈妈前端团队出品的开源接口管理工具RAP第二代

➹：Dynamic Dummy Image Generator - DummyImage.com

★测试题

• 学习mock
  • 模拟数据：Mock.js
• 了解接口管理平台
  • 了解restful
  • 了解接口管理平台：rap2

➹：理解RESTful架构 - 阮一峰的网络日志

➹：RESTful API 最佳实践 - 阮一峰的网络日志

➹：RESETful API 设计规范 - 二愣徐的闲谈杂鱼

➹：godruoyi/restful-api-specification: RESTful API 设计规范

➹：怎样用通俗的语言解释REST，以及RESTful？ - 知乎