‘壹’ 前端工程师都有用哪些比较靠谱的小工具
1、TakeColor 取色器
对于前端开发来说，和颜色、图片打交道是难免的，有的时候想要在ps外面获取颜色.
2、CoolFormat 源代码格式化工具
CoolFormat，不仅仅适用于前端，因为它支持很多语言源代码的格式化，可以在上面的开始菜单中选择你要格式化的语言种类，这里我选择的是js，然后将一串很乱的js代码粘贴到下面的文本框里面，点击快速格式化.
3、做笔记的小帮手——有道云笔记
其实这有道云笔记不算是小工具了，在这之前，我一直都是用txt记事本记东西的
‘贰’ 前端开发visual studio code要装什么插件
WijmoJS 前端开发工具包由多款高效、灵活的纯前端控件组成，全面支持 Angular、React、Vue、TypeScript、Knockout 和 Ionic框架，用于快速搭建企业级桌面/移动 Web 应用程序。WijmoJS 可灵活应对客户需求变化，缩短新项目研发周期，高效处理海量用户数据，提升产品核心竞争力。
借助葡萄城深厚的技术底蕴，WijmoJS 为各领域用户提供更稳定、更高效的前端开发工具，帮助中国招商银行、微软、思科、特斯拉、富士通等知名企业快速搭建其 Web 应用程序。WijmoJS 凭借先进的触控设计、全面的框架支持、顶级的控件性能、零依赖的产品特性和易用、轻松的操作体验，全面满足前端开发所需，已成为构建企业 Web 应用程序最高效的纯前端开发工具包。
与此同时，WijmoJS 的可视化设计器已正式推出，包含 VSCode 设计器和在线设计器。通过使用设计器，您可以在想要配置的控件中选择并浏览所有可用的内置选项，然后导出要在 WijmoJS 应用程序中使用的代码，或者通过设计器自动更新 HTML 源文件。
‘叁’ 前端开发如何引用插件
一般的插件都是有自己的CSS和JS文件的，你直接把它们加载你的head里，如下：
<script src="你找到的插件提供的JS文件地址">
如果你在用J2EE或者，C#MVC框架开发web应用系统的话，有一个神器推荐给你--“活字格”，绝对好用。另外，就是任何的插件都是有说明文档的你看他的说明文档怎么用。
还有，做为一个开发者，纠正你一个名词，这个一般叫控件不叫插件 。
‘肆’ 前端开发中有哪些插件或组件，值得自己去实现一次
基础：图片懒加载，滚动到底部加载，tab选项卡，幻灯片轮播
高级：富文本编辑器
‘伍’ web前端开发常用又好用的几个软件
前端开发是创建Web页面或app等前端界面呈现给用户的过程，通过HTML，CSS及JavaScript以及衍生出来的各种技术、框架、解决方案，来实现互联网产品的用户界面交互。Web前端的学习起来相对简单，未来的发展前景也是非常不错的。
web全栈工程师5.0课程包括：
①计算机基础以及PS基础
②前端开发基础（HTML5开发、JavaScript基础到高级、jQuery网页特效、Bootstrap框架）
③移动开发
④前端高级开发（ECMAScript6、Veu.js框架开发、webpack、前端页面优化、React框架开发、AngularJS 2.0框架开发等）
⑤小程序开发
⑥全栈开发（MySQL数据库、Python编程语言、Django框架等）
⑦就业拓展（网站SEO与前端安全技术）
互联网行业目前还是最热门的行业之一，学习IT技能之后足够优秀是有机会进入腾讯、阿里、网易等互联网大厂高薪就业的，发展前景非常好，普通人也可以学习。
想要系统学习，你可以考察对比一下开设有相关专业的热门学校，好的学校拥有根据当下企业需求自主研发课程的能力，能够在校期间取得大专或本科学历，中博软件学院、南京课工场、南京北大青鸟等开设相关专业的学校都是不错的，建议实地考察对比一下。
祝你学有所成，望采纳。
‘陆’ Notepad++ 有哪些适用于前端开发的插件
常用的前端开发插件如下：
Emmet
Emmet的前身是Zen Coding，一款使用仿CSS选择器的语法来快速开发HTML和CSS的插件，是前端开发神器。它无视了编辑器的自动提示和自动完成，秒杀了你自定义的各种快捷键或者 AHK 的热字符串，以智能简洁高效的缩短输入，带给你超快速地书写各种复杂而枯燥的 HTML 和 CSS 代码的体验。现在可以在Notepad++的插件管理器里直接安装了。
Finger Text
标签代码替换和文本自动完成插件，编辑器配合这个功能可以有效地提升代码的书写速度，提高自己的工作效率，例如我输入if然后按Tab键将会把if替换成一个完整的if结构，可以极大的提高效率，当然具体怎么替换是可以配置的。
TextFx
这个号称是Notepad++上面最好用的plugin，具有超强的文本处理能力，比如文本编码处理等。编程某种程度上就是文本工作，所以这个插件对开发人员应该是非常有帮助的。以前是默认安装的，现在需要自己手动安装。
Task List
自动扫描当前文档，将所有"TODO:"开头的注释都找出来，列在右边的面板中，双击可以跳转该行。这和Eclipse里的TODO功能很相似，便于标记查找没有完成的工作。
HTML Tag
编辑HTML代码时比较有用，它主要的功能是匹配选择的标签，对HTML标签编码及解码，对JS编码及解码，我认为对HTML标签编码及解码是最有用的功能了。
TagsView
可以列出当前文档的全局变量，函数列表等，方便查找定位函数，变量等。
JSON Viewer
可以以树的形式查看JSON，同时可以格式化JSON，增加缩进。
JSLint
JSLint一个JavaScript语法检查工具，可以检查你的代码是否优秀，规则请参考<<JavaScript语言精粹>>。
RegEx Helper
在文档的中匹配正则表达式，可以用来测试正则表达式。
Compare Plugin
一个非常实用的工具，可以用来比较两个文件不同之处，主要用来对比相邻的两个文件。
Explorer
一个文件浏览窗口，可以在里面创建文件，文件夹等。还可以快速定位当前打开的文件的文件夹。
File Switcher
一个快速切换窗口的工具，支持通过输入文件名，路径或者tab index来查找切换，可以用来替换默认的Ctrl + Tab。
‘柒’ 前端可视化开发要用到哪些工具、插件
ThingJS 基于 HTML5 和 WebGL 技术，可方便地在主流浏览器上进行浏览和调试，支持 PC 和移动设备。ThingJS
为可视化应用提供了简单、丰富的功能，只需要具有基本的 Javascript 开发经验即可上手。
ThingJS
提供了场景加载、分层级浏览，对象访问、搜索、以及对象的多种控制方式和丰富的效果展示，可以通过绑定事件进行各种交互操作，还提供了摄像机视角控制、点线面效果、温湿度云图、界面数据展示、粒子效果等各种可视化功能。
ThingJS提供如下相关组件和工具供用户使用：
CityBuilder：聚焦城市的 3D 地图搭建工具，打造你的 3D 城市地图。
CamBuilder：简单、好用、免费的 3D 场景搭建工具。
ThingPano：全景图制作工具，轻松制作并开发全景图应用，实现 3D 宏观场景和全景微观场景的无缝融合。
ThingDepot：上万种模型，数十个行业，自主挑选，一次制作多次复用。
‘捌’ 前端开发有哪些常用的JavaScript插件
1.表单验证插件 validate.js
2.表格插件 dateTables.js
3.弹层插件 layer.js
4.分页插件 layPage.js
5下拉框选择插件 select2.js chosen.js
6.图片全屏显示 supersized.js
7.复选框单选按钮美化 iCheck.js 表单美化插件 uniform.js里也行，可以看看
8.全屏滚动插件 fullPage.js
9.上传插件 zyUpload.js
10.树插件 zTree.js
11.表单提交插件 ajaxForm.js
12.输入格式化插件 inputmask.js maskedinput.js
13.向导插件 formToWizard.js
14.日历插件 fullcalendar.js
15.手机端滚动插件 iscroll.js
‘玖’ 作为一个前端开发，vscode有哪些值得安装的插件
WijmoJS 前端开发工具包由多款高效、灵活的纯前端控件组成，全面支持 Angular、React、Vue、TypeScript、Knockout 和 Ionic框架，用于快速搭建企业级桌面/移动 Web 应用程序。WijmoJS 可灵活应对客户需求变化，缩短新项目研发周期，高效处理海量用户数据，提升产品核心竞争力。
借助葡萄城深厚的技术底蕴，WijmoJS 为各领域用户提供更稳定、更高效的前端开发工具，帮助中国招商银行、微软、思科、特斯拉、富士通等知名企业快速搭建其 Web 应用程序。WijmoJS 凭借先进的触控设计、全面的框架支持、顶级的控件性能、零依赖的产品特性和易用、轻松的操作体验，全面满足前端开发所需，已成为构建企业 Web 应用程序最高效的纯前端开发工具包。
与此同时，WijmoJS 的可视化设计器已正式推出，包含 VSCode 设计器和在线设计器。通过使用设计器，您可以在想要配置的控件中选择并浏览所有可用的内置选项，然后导出要在 WijmoJS 应用程序中使用的代码，或者通过设计器自动更新 HTML 源文件。
‘拾’ 适合前端开发人员的vscode扩展插件有哪些
1，HTML snippets(Visual Studio Code HTML snippets)
这是一款前端开发者必备的扩展，它能将你从手动键入每个标签中解放出来。只需输入 div 然后按下回车，一对标签就出现了。更厉害的是，对于需要嵌套的标签，你可以直接用 ul>li>a 的格式表示，按下回车后就能看到你需要的嵌套。还有一点，这个扩展已经包括所有的 HMTL5 片段。
2，JavaScript (ES6) code snippets
几乎每个前端程序员都是 JavaScript 的使用者，为了提高编写 JS 代码的效率，这个扩展很有用，并且它还支持 .ts, .tsx 和 .jsx 文件。
扩展中有很多快捷缩写，比如想要调用 export default class ClassName{}，输入 ecl 按下空格即可。
3，CSS Peek
既然已经分别介绍了 HTML 和 JS 的助手，我们也不能落下 CSS。CSS Peek 是一个支持 .html 和 .js 文件的扩展，它能帮助开发者快速找到和查看选定类或 id 所用的样式。对于那些不喜欢来回切换文件或者分屏的开发者来说这个扩展很有用。
4，Angular/React/Vue
既然提到了代码片段，我们最好也提一下每个框架下的不同扩展。
对 AngularJS 来说，Angular Snippets(Version 8)是针对 AngularJS 8 的一款扩展，它为我们提供 Typescript 和 HTML 的代码片段。
对于 React.js 框架，ES7 React/Rex/GraphQL/React-Native snippets 是一个优秀的扩展，它使用 ES7 提供 React 和 Rex 的代码片段，用法和 Javascript snippets 类似，都是按空格键。
对 Vue.js 开发，有一个叫 Vetur 的扩展相当棒，它目前的下载量已经有将近2,000万。Vetur 的功能很强大，包括代码片段，Emmet，错误检查，格式化，调试和高亮语法等。
5，ESLint
如果你想要写出友好，易读，干净的代码，我建议你在 VSC 中安装一个 ESLint 扩展，它会帮助你持续养成好的编码习惯，比如缩进等。
6，Prettier 代码格式工具
说到漂亮整洁的代码，Prettier 听名字你就值得拥有。尤其在项目需要你和其他同事合作完成时，Prettier 会强势地将代码格式全部统一，让你再也不用和同事讨论自己的代码。
7，GitLens
VSC 是整合了 git 功能的，通过安装 GitLens 这个功能将会更强大，它能让你看到每一行代码是由谁在什么时候写的，并且快速查看代码提交详情，在团队协作中这个扩展很有用。
8，Auto import 自动导入包
Auto import 是一个自动导入包扩展。如果目前手头的项目是基于不同组件的，那么你需要做的就是给每个组件命名，剩下的事交给 Auto import 就好。
9，Path autocomplete 路径自动补全
提到了导入的问题，另一个重要的扩展就是能够智能补全导入文件路径的 Path autocomplete。使用时，输入 ./ 后你就会看到一个包含所有文件名的下拉菜单。当文件目录繁杂时，这个扩展真的是很好用，它为你省去了很多一层一层刨开目录的痛苦。
10，Bracket Pair Colorizer 括号着色器
括号着色器能让我们一眼看出当前代码块的反括号在哪里。有时候在稍微复杂的函数中，找到正确的那对代码并不是那么容易，但 Bracket Pair Colorizer 在你键入一个括号时就为这一对括号分配了自己的颜色，便于阅读。
11，Indenticator 缩进指示器
Indenticator 可以高亮显示出当前缩进的深度，深度由线和点表示，同样使代码更整洁，提高代码易读性。
12，Debugger for Chrome 调试器
放在最后的是重磅级的调试扩展 Debugger for Chrome。这个插件能让你在 VSC 里面直接调试 JS 文件，效果和 Chrome 的控制台中差不多，让你不用打开浏览器就直接打断点。 （BY三人行慕课）