關于現今的前端開發，由于微服務架構的普及，前端工程師必須承擔更重要的任務。現在的后端工程師無需考慮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

創作挑戰賽新人創作獎勵來咯，堅持創作打卡瓜分現金大獎

總結

以上是生活随笔為你收集整理的前端开发1之Node.js以及npm开发环境搭建的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。