nvm(Node Version Manager)是一个用来管理node版本的工具。我们之所以需要使用node,是因为我们需要使用node中的npm(Node Package Manager),使用npm的目的是为了能够方便的管理一些前端开发的包!nvm`的安装非常简单,步骤如下:

1. 到这个链接下载nvm的安装包:https://github.com/coreybutler/nvm-windows/releases

  1. 然后点击一顿下一步,安装即可!
  2. 安装完成后,还需要配置环境变量。在我的电脑->属性->高级系统设置->环境变量->系统环境变量->Path下新建一个,把nvm所处的路径填入进去即可! 效果如下图
  3. 打开cmd,然后输入nvm,如果没有提示没有找不到这个命令。说明已经安装成功!
  4. Mac或者Linux安装nvm请看这里:https://github.com/creationix/nvm。也要记得配置环境变量。
    在这里插入图片描述

node安装:

安装完nvm后,我们就可以通过nvm来安装node了。这里我们安装6.4.0版本的的node.js就可以。因为最新版的node.jsnpm5.0的,上面还有很多坑。安装命令如下:
nvm install 6.4.0
如果你的网络够快,那以上命令在稍等片刻之后会安装成功。如果你的网速很慢,那以上命令可能会发生超时。因为node的服务器地址是https://nodejs.org/dist/,这个域名的服务器是在国外。因此会比较慢。因此我们可以设置一下nvm的源。

nvm node_mirror https://npm.taobao.org/mirrors/node

nvm npm_mirror https://npm.taobao.org/mirrors/npm/

在这里插入图片描述
npm install -g cnpm --registry=<https://registry.npm.taobao.org>那么以后就可以使用cnpm来安装包了!
如果出现无法正常运行可以重新下载高版本node,笔者win10 64位系统用的12.0

使用gulp来自动化开发流程

gulp的安装非常简单,只要使用npm命令安装即可。但是因为gulp`需要作为命令行的方式运行,因此需要在安装在系统级别的目录中。在项目文件路径输入cmd进入项目目录cmd窗口:
npm install gulp --save-dev命令进行本地安装

接下来我们要使用gulp来流程化我们的开发工作。首先需要在项目的根目录下创建一个gulpfile.js文件。然后在gulpfile.js中填入任务代码。

Logo

一站式 AI 云服务平台

更多推荐