相信任何学开发的,不管学什么语言,老师都这样讲过,作为一名开发人员,你最大的精力应该是放在创造力上面,难道你不重复自己要重复自己,而在我们开发过程中,往往存在很多大量的重复操作,所以我们需要为这些操作省去时间,腾出更多的时间来让我们创造。
<>强而自动化开发能带来哪些自动化:
强>
,,,,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> 代码,如果电脑是32位的,注意在后面加上32,<代码> nvm安装6.4.0 32> 代码,因为默认是64位的
我们安装的每个节点版本中已经自带了一个npm,但是由于我们可能会有切换节点版本的时候,这时为了统一起见,我们需要安装一个全局的npm
首先我们进入命令模式,输入<代码> npm配置设置前缀“C: \开发\ nvm \ npm”代码>回车,这是在配置npm的全局安装路径,然后在用户文件夹下会生成一个。npmrc的文件,用记事本打开后可以看到如下内容:<代码>前缀=C: \开发\ nvm \ npm 代码>
然后继续在命令中输入:<代码> npm安装npm - g> 代码回车后会发现正在下载npm包,在C: \开发\ nvm \ 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> 代码就可以了g只是为了把包安装在全局路径下。如果不全局安装,也可以在当前目录中安装,不用g就可以了。
<强>什么是全国抵抗运动?
强>
全国抵抗运动就是npm注册经理也就是npm的镜像源管理工具,有时候国外资源太慢,那么我们可以用这个来切换镜像源。
我们只要通过这个命令:<代码> npm安装- g的全国抵抗运动> 代码就可以实现安装。
- g可以直接放到安装的后面,我们以后也最好这样用,因为这样用,我们可以在cmd中上下箭头切换最近命令的时候,容易修改,更方便操作。安装完成后,我们就可以使用了。