关于现今的前端开发，由于微服务架构的普及，前端工程师必须承担更重要的任务。现在的后端工程师无需考虑JS、Ajax和json的解析遍历，或许只需要处理前端请求过来的各种带参请求（Get/Post/Patch等），目前许多前端组件如Element UI（PC后台Web组件）、Amaze UI React（百度移动端）、Vux移动端组件、mint-ui移动端组件、weui.js微信移动端组件、SUI Mobile阿里仿IOS移动端组件等等都需要node.js环境和npm install安装依赖

PC前端UI框架

最好的PC前端框架ANT  NG-ZORRO：https://ng.ant.design/docs/introduce/zh
1，element：http://element-cn.eleme.io/#/zh-CN/
2，layui：https://www.layui.com/
3，H-ui：http://www.h-ui.net/
4，UIkit：http://www.getuikit.net/
5，ant：https://ant.design/index-cn/

移动端UI框架

最好的PC前端框架ANT  NG-ZORRO-MOBILE：https://ng.mobile.ant.design/#/docs/introduce/zh
1，Amaze UI：http://amazeui.org/react/
2，Vux：https://vux.li/
3，mint-ui：https://mint-ui.github.io/#!/zh-cn
4，(微信风格)WeUI：https://weui.io/
5，(IOS风格)SUI:http://m.sui.taobao.org/

 

1，安装IDE工具——Visual Studio Code：

官网下载：https://vscode.cdn.azure.cn/stable/1dfc5e557209371715f655691b1235b6b26a06be/VSCodeSetup-x64-1.25.1.exe

介绍：vs code 编写前端代码的优势

2，Node.js安装：

官网下载：https://nodejs.org/dist/v10.8.0/node-v10.8.0-x64.msi

介绍：node.js的5大统治地位

3，查看node.js是否搭建成功，由于国内的npm安装编译非常慢，为了提高npm的编译速度，减少开发周期，这里建议搭建npm淘宝镜像，搭建cnmp，在控制台终端输入以下命令：

node # 查看node是否安装成功npm -v #查看npm版本npm config set registry https://registry.npm.taobao.org #注册淘宝npm镜像npm config get registry #查看npm镜像是否注册成功npm install -g cnpm --registry=https://registry.npm.taobao.org #注册淘宝cnmp镜像cnpm install express #安装cnpmcnpm -v #查看淘宝cnpm版本

任何程序错误，以及技术疑问或需要解答的，请扫码添加作者VX