前端开发技能汇总及工具

步入前端行业，就感觉踏入了一个无底洞。随着技术的不断更新，学习也必须与时俱进。 列出这些，只是日常工作中接触最紧密的，取长补短。给自己一个方向，不断大踏步走。

技能相关

前端三部曲

• Html
• Css
• Javascript

相关技术

• ECMAscript
• Typescript
• Ajax

相关概念

• AMD
• CMD
• MVC
• MVP
• MVVM

前端框架

• Vue
• React
• Angualr

打包工具

• Webpack [https://www.webpackjs.com/ 官网]
• Gulp [https://www.gulpjs.com.cn/ 官网]
• Parcel [http://www.parceljs.io/ 官网]

Node相关

• Node.js [http://nodejs.cn/ 官网]
• NPM [http://www.runoob.com/nodejs/nodejs-npm.html 使用教程]
• YARN [https://yarn.bootcss.com/ 官网]
• NVM - 包管理器 [https://github.com/coreybutler/nvm-windows/releases 下载]
• PM2 - Node服务管理 [http://pm2.keymetrics.io/docs/usage/pm2-doc-single-page/ 介绍]
• Express - Web应用开发框架 [http://www.expressjs.com.cn/ 官网]

数据库相关

• MongoDB [https://www.mongodb.com/ 官网]
• Robomongo [https://robomongo.org/ 官网]

开发环境

• Node.js
• Linux

工具相关

编辑器

• VScode
• Sublime text
• Vim

文件管理

• Git
• Svn

图片处理

• Sketch
• Photoshop

抓取代理

• Fiddler
• Charles
• CCProxy

环境切换

• Host-switcher