前端开发好用的工具或者依赖

1、serve 前端依赖

让你免写nodejs服务器代码,直接将代码作为静态资源暴露出去

npm i serve -g -->serve -s build 启动服务器，将build目录下所有资源作为静态资源暴露出去

2、Markdown Shortcuts

vscode预览md笔记文件插件

打开vscode商店,搜索Markdown Shortcuts,点击安装

安装完毕，重启VSCode，然后打开.md文件。Ctrl + Shift + V，即可预览。然后双击相应位置即可修改对应内容

3、uTools

官网链接:官网链接

uTools 是一个极简、插件化、跨平台的现代桌面软件。通过自由选配丰富的插件，打造你得心应手的工具集合。

通过快捷键（默认 alt + space ）就可以快速呼出这个搜索框。它相当聪明，你可以往输入框内粘贴文本、图片、截图、文件、文件夹等等，能够处理此内容的插件也早已准备就绪，统一的设计风格和操作方式，助你高效的得到结果。

一旦你熟悉它后，除了能够为你节约大量时间，不中断、无干扰，让你可以更加专注地改变世界。

最简单的，uTools 可以作为一个程序快速启动器，支持英文、英文驼峰、中文拼音、拼音首字母来打开你的本地程序。除程序外， win10 和 macOS 用户还可以快速搜索并打开「控制面板」内的细项。总之，你只要还记得一个大概的名字，直接输入基本都能找到。

4、json-server

作为一个前端开发工程师，在后端还没有ready的时候，不可避免的要使用mock的数据。很多时候，我们并不想使用简单的静态数据，而是希望自己起一个本地的mock-server来完全模拟请求以及请求回来的过程。json-server是一个很好的可以替我们完成这一工作的工具。我们只需要提供一个json文件，或者写几行简单的js脚本就可以模拟出RESTful API的接口。

安装json-server
npm install -g json-server

创建db.json
在一个文件夹下新建一个db.json文件
{"posts": [{ "id": 1, "title": "json-server", "author": "typicode" }
],
"comments": [{ "id": 1, "body": "some comment", "postId": 1 }
],
"profile": { "name": "typicode" }
}
启动json-server
在当前文件夹下输入如下命令：json-server db.json

文档

5、Redis数据库免安装版

REmote DIctionary Server(Redis) 是一个由 Salvatore Sanfilippo 写的 key-value 存储系统，是跨平台的非关系型数据库。2 ) Redis 是一个开源的使用 ANSI C 语言编写、遵守 BSD 协议、支持网络、可基于内存、分布式、可选持久性的键值对(Key-Value)存储数据库，并提供多种语言的 API。 3) 通常被称为数据结构服务器，因为值（value）可以是字符串(String)、哈希(Hash)、列表(list)、集合(sets)和有序集合(sorted sets)等类型。

很常用,但是有时候项目有用到Redis,但是临时用别人电脑运行项目无法运行,重新去下载安装又很麻烦,所以我这里分享一下免安装版本的,只要下载压缩包后解压,双击运行其中的redis-server.exe即可运行此数据库

下载地址百度云下载提取码：hjl6

6、Postwoman(ApiDebug) http接口测试工具

Postwoman（原apiDebug）是一个完全免费的接口调试插件，该插件可独立使用，同时数据也能同步至云端，实现跨终端共享。Postwoman支持post、get、xml、josn等测试，支持环境切换（全局变量）。相比于Postman等插件，Postwoman无需跨过长城即可安装使用，同时有完善的接口管理系统（postwoman.cn 可内网部署），Postwoman支持接口、文档等管理等。产品开发来着BAT，拥有丰富的接口开发、调试经验，产品不断更新迭代，更适合国内用户使用。

这个是chrome浏览器插件,所以使用非常方便

视频介绍下载地址:插件

7、Infinity新标签页浏览器插件

一款好看且带跨浏览器云同步的新标签页,可以收录整合你喜欢的一些网站,非常好用,强烈推荐

可以直接浏览器拓展商店直接下载

前端开发好用的工具或者依赖相关推荐

前端进阶（8） - 前端开发需要了解的工具集合：webpack, eslint, prettier, ...
前端开发需要了解的工具集合:webpack, eslint, prettier, ... 前端开发需要了解的一些工具,这些工具能够帮助你在项目开发中事半功倍. 1. nrm: npm registry ...
前端开发环境搭建（工具使用）
迅雷用于之后下载一些安装包,速度较快命令行工具 shift + 鼠标右键:在此处打开powershell node + 文件名: 在node中执行文件输入部分文件名 + Tab: 自动补全文件名 ...
前端分离的前端开发工具_使我成为前端开发人员工作的工具和资源
前端分离的前端开发工具 Learning front-end development can be a bit overwhelming at times. There are so many res ...
前端改变div排序_转行学习web前端开发，需要哪些工具和需要学习什么？
今天我们来谈谈Web和前端开发过程中需要学习什么?前端开发需要使用什么开发工具?也简单介绍前端开发前景和薪水. 前端工程师的主要职责: 前端工程师在不同的公司有不同的功能,但性质相似. 1.网站设计与 ...
收集19个前端开发人员的必备工具
在本文中,我为前端Web开发人员汇总了19种顶级工具,从代码编辑器和代码游乐场到CSS生成器,JS库等等. 目录 CSS代码生成器 CSS3 Generator 终极CSS Generator CSS ...
前端工程师需要学习ps 吗_转行学习web前端开发，需要哪些工具和需要学习什么？...
今天我们来谈谈Web和前端开发过程中需要学习什么?前端开发需要使用什么开发工具?也简单介绍前端开发前景和薪水. 前端工程师的主要职责: 前端工程师在不同的公司有不同的功能,但性质相似. 1.网站设计与 ...
[Share]前端开发大众手册(包括工具、网址、经验等)
[原始地址]:http://www.chencheng.org/blog/2008/10/25/f2e-manual/ 一直觉得前端开发缺个手册,这是个体力活.不过总得有人来干. 今天闲来无事,把一些 ...
前端开发-跨浏览器测试工具
前端开发工作一项重要测试是使用跨浏览器检查工具,开发的代码是否符合浏览器的要求,推荐几个跨浏览器检查工具 1.BrowserShots 支持多种浏览器,包括一些旧浏览器,如 Lynx.Konquero ...
聊聊前端开发日常的协作工具（全）
❝ 树酱希望将前端的乐趣带给大家本文已收录 https://github.com/littleTreeme/frontendThings 喜欢就star✨ ❞ ❝ 前沿:在掘金写作不知不觉已经过了四 ...

前端开发好用的工具或者依赖

1、serve 前端依赖

2、Markdown Shortcuts

3、uTools

4、json-server

5、Redis数据库免安装版

6、Postwoman(ApiDebug) http接口测试工具

7、Infinity新标签页浏览器插件

前端开发好用的工具或者依赖相关推荐

最新文章

热门文章