「立定」把后端工厂全搞定了做件
后端开发

基于webpack+vue2+iview技术管理后台简明开发教程(一

  基于webpack+vue2+iview技术管理后台简明开发教程(一)

  微服务日趋繁荣的当今,前端技术与后端技术的差异越来越大。作为一个一心想成为全栈工程师的后端开发,学习一下前端开发的知识能应对工作中更多的场景,比如前端资源紧张,前端谈对象无心干活。

  作为一个资深后端web研发,多少都开发过前端页面,对于html,css,jquery,以及各类模板渲染引擎等知识都有所了解和掌握。如果以为掌握这些技术就可以独步江湖就大错特错了,jquery已经不是江湖上的屠龙刀了,模板引擎失去了倚天剑的锋利。前端技术向工程化,模块化和组件化发展,开发速度的快捷,学习成本不断提高。下面一起看下当前前端常用的技术。

  Node.js是一个Javascript运行环境(runtime),发布于2009年5月,由Ryan Dahl开发,实质是对Chrome V8引擎进行了封装。Node.js对一些特殊用例进行优化,提供替代的API,使得V8在非浏览器环境下运行得更好。V8引擎执行Javascript的速度非常快,性能非常好。 Node.js是一个基于Chrome JavaScript运行时建立的平台, 用于方便地搭建响应速度快、易于扩展的网络应用。Node.js 使用事件驱动, 非阻塞I/O模型而得以轻量和高效,非常适合在分布式设备上运行数据密集型的实时应用。总结一下,node,js提供了javascript在浏览器以外的一个执行环境,满足一些特定的场景需求。

  npm 是 nodejs 的包管理和分发工具。它可以让 javascript 开发者能够更加轻松的共享代码和共用代码片段,并且通过 npm 管理你分享的代码也很方便快捷和简单。通过npm可以更方便的引用和分析基于nodejs开发的类库和插件。

  WebPack可以看做是模块打包机:它做的事情是,分析你的项目结构,找到JavaScript模块以及其它的一些浏览器不能直接运行的拓展语言(Scss,TypeScript等),并将其打包为合适的格式以供浏览器使用。通过webpack可以把基于模块开发的前端工程代码打包成可以在浏览器使用的格式。

  是一套构建用户界面的渐进式框架。与其他重量级框架不同的是,Vue 采用自底向上增量开发的设计。Vue 的核心库只关注视图层,它不仅易于上手,还便于与第三方库或既有项目整合。另一方面,当与单文件系统和vue生态系统支持的库结合使用时,Vue 也完全能够为复杂的单页应用程序提供驱动。在开发中vue会把使用vue语法修饰的html标签与js对象进行绑定,从而使html值变化时可以同步修改js对象,js对象值变化时可以在页面暂时,使开发从复杂的document操作中解脱出来。

  请点击此处输入图片描述根据当前操作系统,选择对应版本下载。笔者使用的是windows系统,直接点击安装,和大部分安装软件一致。安装完成后在命令提示符窗口输入node -v和npm -v可以查看node和npm的安装版本,检验是否安装成功。