前端开发1之Node.js以及npm开发环境搭建

关于现今的前端开发，由于微服务架构的普及，前端工程师必须承担更重要的任务。现在的后端工程师无需考虑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：/

3，H-ui：http://www.h-/

4，UIkit：/

5，ant：https://ant.design/index-cn/

移动端UI框架

最好的PC前端框架ANT NG-ZORRO-MOBILE：https://ng.mobile.ant.design/#/docs/introduce/zh

1，Amaze UI：/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./

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

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

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

2，Node.js安装：

官网下载：/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镜像npm config get registry #查看npm镜像是否注册成功npm install -g cnpm --registry=https://registry. #注册淘宝cnmp镜像cnpm install express #安装cnpmcnpm -v #查看淘宝cnpm版本

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