前端自动化开发之node . js的环境搭建教程

  


  

  

相信任何学开发的,不管学什么语言,老师都这样讲过,作为一名开发人员,你最大的精力应该是放在创造力上面,难道你不重复自己要重复自己,而在我们开发过程中,往往存在很多大量的重复操作,所以我们需要为这些操作省去时间,腾出更多的时间来让我们创造。
  

  

<>强而自动化开发能带来哪些自动化:
  

  

,,,,1.自动编译(将更少,sass等自动编译)
  

  

,,,,2.自动合并(将页面引入的多个js文件,或者css文件,合并为同一个且压缩)
  

  

,,,,3.自动刷新(IDE保存,浏览器不用刷新,自动看到效果)
  

  

,,,,4.自动部署(自动将项目打包部署到指定目录)
  

  

,,,,5 .自动同步(能够方便实现多个浏览器窗口,同步点击,输入,调试)

  

有没有感觉很心动额,能够帮我们做这么多事情,所以下面我们就来搭建吧,此次搭建,包括环境搭建、工具搭建,项目架构搭建,连载,今天这篇,将环境搭建的初步,nodejs环境搭建。

  

        Node.js®是一个JavaScript运行时构建>   根:C: \开发\ nvm   路径:C: \开发\ nodejs   拱:64   代理:没有      

然后我们开始配置环境变量了,因为刚刚点击了安装。cmd的文件,那么会在环境变量的系统变量中,生成两个环境变量:NVM_HOME和NVM_SYMLINK我们开始修改这两个变量名的变量值:NVM_HOME的变量值为:C: \开发\ nvm; NVM_SYMLINK的变量值为:C: \开发\ nodejs
  

  

然后我们配置路径的环境变量,为了添加<代码> % NVM_SYMLINK %、% NVM_HOME % ,
  

  

打开cmd,输入命令<代码> nvm - v 看到版本信息,就说明安装成功了
  

  

然后下载nodejs,输入命令,<代码> nvm安装最新的> nvm安装6.4.0> nvm安装6.4.0 32>   


  

  

我们安装的每个节点版本中已经自带了一个npm,但是由于我们可能会有切换节点版本的时候,这时为了统一起见,我们需要安装一个全局的npm

  

首先我们进入命令模式,输入<代码> npm配置设置前缀“C: \开发\ nvm \ npm”回车,这是在配置npm的全局安装路径,然后在用户文件夹下会生成一个。npmrc的文件,用记事本打开后可以看到如下内容:<代码>前缀=C: \开发\ nvm \ npm
  

  

然后继续在命令中输入:<代码> npm安装npm - g>   

  

我们为这个npm配置环境变量:变量名为:NPM_HOME,变量值为:C: \开发\ nvm \ npm
  

  

在路径的最前面添加;<代码> % NPM_HOME %> % NVM_SYMLINK %>   

  

最后我们新打开一个命令窗口,输入npm - v,此时我们使用的就是我们统一下载的npm包了。
  

  

同样的我们还可以安装cnpm工具,它是中国版的npm镜像库,地址在这里:https://cnpmjs.org/,也是npm官方的一个拷贝,因为我们和外界有一堵墙隔着,所以用这个国内的比较快,淘宝也弄了一个和npm一样的镜像库,http://npm.taobao.org/,它和官方的npm每隔10分钟同步一次。安装方式:
  

        npm安装- g cnpm——注册表=http://r.cnpmjs.org      

或者用淘宝的<代码> npm安装- g cnpm——注册表=https://registry.npm.taoba.org
  

  

安装好了cnpm后,直接执行<代码> cnpm安装> cnpm安装鲍尔- g>   


  

  

<强>什么是全国抵抗运动?
  

  

全国抵抗运动就是npm注册经理也就是npm的镜像源管理工具,有时候国外资源太慢,那么我们可以用这个来切换镜像源。
  我们只要通过这个命令:<代码> npm安装- g的全国抵抗运动>   

  

- g可以直接放到安装的后面,我们以后也最好这样用,因为这样用,我们可以在cmd中上下箭头切换最近命令的时候,容易修改,更方便操作。安装完成后,我们就可以使用了。

前端自动化开发之node . js的环境搭建教程