前端技术日新月异,javascript
问世以来,各路大神添砖加瓦,基于js
的后台编程技术node.js
登场亮相,给了广大前端码农一条新的出路。从此拳打UI,脚踢后台,原型靠自己,收入看天气。
今天,我就来介绍和体验并迈出学习node.js
的第一步:node环境安装。
- 安装
- 首页,我们先下载
node.js
的安装包.
如果你不知道去哪里下载,那就戳这里→ ↓↓↓node.js安装包↓↓↓

安装完以后,打开 命令行
查看node.js
和npm
是否安装成功
$ node -v //查看node.js版本
v12.13.1
$ npm -v //查看npm版本
6.12.1

npm:
npm
是随同node.js
一起安装的包管理工具
。
命令行:通过开始菜单
或者按下win
+R
键输入cmd
打开命令行。
node中文文档:同时也是安装包下载地址
2.修改npm的全局安装包路径
这里就不得不提npm的两种安装方式了
局部安装
$ npm install <tool_name>
局部安装的包,只在当前安装路径
及下级路径
起作用。
默认的安装路径为:/命令行当前路径/node_modules/
全局安装
$ npm install -g <tool_name>
全局安装的包,任何路径下的项目都可以引用。
默认的安装路径为:C:\Users\<user_name>\AppData\Roaming\npm
默认的缓存路径为:C:\Users\<user_name>\AppData\Roaming\npm_cache

如何修改npm默认全局安装路径?
我必须说明一点:正常情况下,其实没必要修改
npm全局安装路径
,我
这种穷
的只有C盘
是固态
的除外。
可以通过命令行,来进行修改:
npm config set prefix "安装路径"
npm config set prefix "缓存路径"
另外:有强迫症的同学可以将这个路径修改到你的node安装目录下,比如我安装在E:\nodejs\
下

按照一贯的惯例(
别问我,我也不知道哪里来的惯例 ~.~
),我们新建两个目录全局安装路径:
E:\nodejs\node_global\
全局缓存路径:
E:\nodejs\node_cache\

然后命令行输入
$ npm config set prefix "E:/nodejs/node_global"
$ npm config set cache "E:/nodejs/node_cache"

然后,我们安装一个less
包试一试
$ npm install -g less

总结(我的学习心得
)
唔~,故事讲到这里差不多要结束了。
对了,你是不是感觉到,修改一个路径而已,为何这么麻烦呢?
没错 !!! 我也这么觉得
!
所以,我教新员工安装环境时都是直接让他们用户文件夹C:\Users\aze
下修改就OK了。
就像这样

嗯 ,是不是很简单O(∩_∩)O哈哈~!
关于npm install 下载缓慢的问题
可以使用淘宝官方的镜像地址下载所需的资源
$ npm install -g cnpm --registry=https://registry.npm.taobao.org
安装完我们会发现,除非在cnpm 安装目录下使用 $ cnpm -v
,在其他路径使用$ cnpm -v
会报错。

出现这种问题,是因为安装node
时修改了 node
默认的安装路径导致的,这时我们只需要在环境变量中添加cnpm.cmd
文件所在的目录路径即可。
首先,我们找到cnpm.cmd
文件所在的目录,复制这个路径

然后在环境变量中添加这条路径

然后打开新的命令行窗口,运行cnpm -v
即可正常运行

以后下载资源时就可以用 cnpm install less
替代 npm install less
了。
网友评论