前端web开发有哪些必不可少的工具？

时间：2023-12-01 18:18:01 | 来源：网站运营

时间：2023-12-01 18:18:01 来源：网站运营

前端web开发有哪些必不可少的工具？：关键是现在前端开发也不是铁板一块，那我就来分一分吧：

代码编辑器统一用vsCode没有意见吧？如果你要抬杠说你喜欢用vim，来，Vim键盘映射搞起。

静态页面（设计师）:

没有瞧不起静态页面的意思，而是在这样的场景下，一般需要前端工程师和设计紧密配合，所以一些设计工具诸如PhotoShop，Sketch的基础操作还是应该掌握的，当然只需要你去切切图，导出资源文件。

静态页面大多会和浏览器兼容联系在一起，浏览器兼容性检测工具了解一下。至于modernizr等库就不提了，主要讲工具。

为了不做大量的重复的代码复制粘贴工作，以及自动化处理代码压缩等脏活，parcel了解一下。几乎零配置，而且直接就能运行看效果（全局安装的不算库，就是命令行工具）。

注意我说的静态页面指的是非SPA，可能这样有点宽泛了，但是实际上这么说也对，因为即使你有ajax，大部分都是PHP等后端程序员来调试的。不过这并不影响你使用MVVM框架啊，Vue的大小很适合直接在页面中嵌入，所以加上一个vue-devtool。

小型SPA（Vue）：

小型的SPA网站一般用Vue，这应该是业界共识吧，没有太多复杂的逻辑，Vue还能保证良好的体验。至于什么是小型什么是大型呢？我认为本站这种体量的网站正好可以作为标准，因为本站抛弃AngularJS的原因也可以用在抛弃Vue上。

除了devtool以外，需要insominia定义和调试接口，Nginx的东西你先拿过来配置也可以，毕竟上了SPA，前后端逻辑分离，但是职能倒是模糊了。

要上PWA了？lighthouse了解一下。

大型SPA（Angular，React）:

大型应用必上TypeScript，因此ts-node必备啊。

之前提到的接口调试，lighthouse也得跟上。

可能会引入中间件，因此mongo作为缓存和对象存储，mariaDB作为部分业务数据存储也得跟上。选择mariaDB的原因是因为可以搭配Node的并发能力（sequelize依旧是唯一选择，哎）。

相关测试工具类似karma，puppeteer，Jasmine ，phantom等也得跟上。

产品说要画UML。

小型服务端渲染（nuxt）：

很有意思的是用nuxt可以保证良好的编程体验，不太需要其他工具。对了，买一柱香，以nuxt的错误提示很多时候你得烧柱香，祈求能够找到bug位置。

大型服务端渲染：

别人谷歌adword都不敢贸然上服务端渲染你凑什么热闹，大型服务端老老实实用JSP。

当然了，你说你有大无畏的探险家精神，好吧，Angular和React的SSR路线爬一爬。另外一个单线程的渲染实例肯定无法承载大量访问的。

祝君幸福。

适配器模式应用开发（ionic）：

别跟我说什么Appcan，phoneGap，老夫写适配器模式，只用ionic。一是因为Angular可靠（如果他不天天更新的话），二是因为它完全接管了开发的方方面面。

毕竟是应用开发，AndroidStudio，AndroidSDK，gradle，AVD，Xcode以及一台mac，这些也是需要的。

最后cordova run一下。

桥接模式应用开发（RN，NativeScript）：

写出代码来，就已经需要一定的水平，至于调试那就比较耗费青春了。

有人说桥接模式开发更快，其实我想说适配器模式才是最快的。但是又有人说桥接模式性能好，我觉得适配器模式解决不了的性能问题桥接模式也解决不了。

大部分场景下二者并没有差别（你要说你能凭肉眼观察出v8的编译过程就当我什么都没说）。而在webGL下二者更不可能有太大差别。

也就是用不用原生按钮，用不用原生手势的问题（看着我的懵逼脸）。

但是如果你非要逆着WASM这种底层语言侵袭前端的潮流去搞前端转向原生的工作，也不是不可。

需要的工具也和适配器模式一样。

桌面应用开发（electron）：

visual studio，xcode准备好，electron .完成，接下来的工作就是翻阅api手册。

当然仅仅这些是不能让你写出vscode这样的应用来的。

企业级服务器：

使用egg.js终于可以开发企业级的服务器了，当然，如果你不是一个人写代码，并且代码不想被新来的（薪水是你两倍的）菜鸟弄乱，TypeScript还是必须的。

pm2用来管理服务以及自动部署。

git版本管理就不用说了。

数据库任选，但是建议不要用orm2，sequelize吧。

剩下的时间好好研究hadoop和keras.js，这两者和Node配合得很好（我碰了几次，每次都是浅尝辄止，非不为也，实不能也）。

你也可以用ramda，rx，zone防止别人随便改你的代码（杀敌一万自损八千，小心自己看不懂）。

---

大概就是这么多，等你把这些开发工具和工作流都摸熟了，记得去医院检查一下颈椎。

另外不管你能力有多强，都别向后端程序猿炫耀。

"切，写JS的垃圾"。