前期准备
Node.js 使用了一个事件驱动、非阻塞式 I/O 的模型,使其轻量又高效。Node.js 的包管理器 npm,是全球最大的开源库生态系统。
我们可以对此总结出几点
- node.js是一个构建在Chrome JavaScript运行环境的平台,这是很重要的一点,node.js并不是一门语言,而是一个平台
- node.js致力于使构建速度快、稳定的网络程序更简单
- node.js具有事件驱动和非阻塞I/O的特色,使之轻量级并且高效率
- node.js非常适合在分布式设备运行数据密集型实时应用程序
2、下载Node.js
打开官网下载链接:https://nodejs.org/en/download/ 我这里下载的是node-v6.9.2-x64.msi,如下图:
开始安装
1、下载完成后,双击“node-v6.9.2-x64.msi”,开始安装Node.js
点击【Next】按钮

勾选复选框,点击【Next】按钮

修改好目录后,点击【Next】按钮

安装完后点击【Finish】按钮完成安装



安装完后的目录如下图所示:

此处说明下:新版的Node.js已自带npm,安装Node.js时会一起安装,npm的作用就是对Node.js依赖的包进行管理,也可以理解为用来安装/卸载Node.js需要装的东西
npm是什么
npm是node packaged modules的缩写,其实是一个nodejs的module的管理工具
什么是module
所谓module和java中的包的概念很类似,一些解决方案的集合,官方会提供核心的几个,第三方的很多
如何安装第三方module

因为nodejs的社区很活跃,有很多好用的第三方的包,我们可以在终端中使用npm的命令安装
- npm install [-g] <name>:使用install指令可以把nodule下载安装的nodejs的全局的path处,不加的话会安装到当前路径
- npm remove <name>:移除 module
- npm update <name>:更新 module
还有一些常用命令可以看看npm常用命令
安装完Node.js后就可以安装第三方插件(仓库)
安装淘宝镜像
安装webpack打包工具
cnpm install -g webpack
全局安装vue2.0脚手架
npm install -g vue-cli
1、全局安装 nrm包管理工具(将包安装到全局环境中)
npm install -g nrm
2、添加自定义镜像源(仓库)snpm到nrm
nrm add snpm http://registry.npm.souche-inc.com/
3、切换使用镜像源仓库snpm
nrm use snpm
查看所有的镜像源(仓库):nrm ls
查看当前使用镜像源(仓库):nrm current
测试所有镜像速度:nrm test
测试指定镜像速度:nrm test snap
4、接着在webstorm左下角Terminal窗口中安装依赖(需要几分钟时间)
# 安装依赖项
npm install
# 启动
npm start 或者 npm run dev
# 打包(生成dist文件夹用来部署)
npm run build
为什么要使用nrm
我们知道可以使用npm来管理node包,方便我们来操作管理包的版本和信息。
可是由于国内网络原因,直接使用npm官网镜像下载安装node包,比较耗时间,有时还不成功,所以一般会将镜像切换为国内镜像,比如淘宝镜像。
但是,有时候淘宝镜像安装的时候,会有些问题,
还有一个原因是:有时候,可能需要随时切换不同的源来下载包。比如切换官网的、切换淘宝的、切换公司私有的。
那么就出现了一个工具:
nrm的作用: 可以帮助你,简单快速的切换不同npm镜像源。例如:npm、cnpm、taobao等
安装
全局安装nrm
讯享网
命令解析
安装完成之后,先查看命令帮助
讯享网
会列出一系列命令:
: 列出本机所有镜像源(nrm带的+自定义设置的)

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容,请联系我们,一经查实,本站将立刻删除。
如需转载请保留出处:https://51itzy.com/kjqy/150744.html