前端开发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：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开发环境搭建相关推荐

云炬WEB开发教程2-2 node.js和npm介绍和安装
一.node.js是什么?有什么用? 1.概述: a).Node.js是基于Chrome JavaScript运行时建立的一个平台,实际上它是对Google Chrome V8引擎进行了封装,它主要用 ...
认识Web前端、Web后端、桌面app和移动app新开发模式 - 基于Node.js环境和VS Code工具...
认识Web.桌面和移动app新开发模式 - 基于Node.js环境和VS Code工具一.开发环境的搭建(基于win10) 1.安装node.js和npm 到node.js官网下载安装包(包含npm ...
前端每周清单第 43 期：2017 JavaScript 回顾、Rust 与 WebAssembly 开发游戏、Node.js 架构模式...
前端每周清单专注前端领域内容,以对外文资料的搜集为主,帮助开发者了解一周前端热点:分为新闻热点.开发教程.工程实践.深度阅读.开源项目.巅峰人生等栏目.欢迎关注[前端之巅]微信公众号(ID : fro ...
node.js和npm的关系
目录一.npm是什么二.Node.js是什么三.npm和Node.js的发展四.node.js和npm的安装一.npm是什么当一个网站依赖的js代码越来越多,程序员发现这是一件很麻烦的事情 ...
nvm，node.js，npm，cnpm都是什么意思，怎么使用。
第一次接触前端的时候是2013年,那时候还是最基本的HTML.JS.CSS等,学完这些基本上能够找一个前端的工作,那个时候HTML5还没有怎么流行,更别提更为高级的node,vue,react等等.我 ...
前后端交互学习笔记（二）：Node.js及npm学习
Node.js及npm 文章目录 Node.js及npm 复习引入初识node.js fs文件系统模块 path路径模块 http模块创建web服务器根据不同url设置响应代码模板模块化学习 ...
Node.js、npm环境配置与Vue项目创建
目录一.Node.js.npm简介 1. Node.js 2. npm 3. npm和Node.js的发展二.Node.js(内置npm)的下载与安装三.Vue CLI脚手架的安装与项目的创建: ...
如何在Mac上安装Node.js和NPM
原作者:Dave McFarland 翻译转载:https://blog.teamtreehouse.com/install-node-js-npm-mac 如何在Mac上安装Node.js和NPM ...
《Node.js区块链开发》
<Node.js区块链开发> [注]基于ES6的最新版,正在筹划中. 特别说明亿书,让有知识的人富起来.我们的产品,将全部基于P2P网络进行开发设计,面向未来进行技术研发. 纸质书籍:h ...

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

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

最新文章

热门文章