1.全局安装babel-cli和browserify(编译)
npm install babel-cli browserify -g
测试:打开cmd输入
babel --version
显示‘不是内部命令’。
但是在项目的node_modules 文件夹中存在 babel 的文件:
这里考虑可能是环境变量没有配置好。
2.环境变量配置
在安装完NodeJS后需要进行环境配置,首先是配置npm安装的全局模块的路径,以及缓存cache的路径,之所以要配置,是因为以后通过npm安装的全局模块默认会被安装到【C:\Users\用户名\AppData\Roaming\npm】目录,C盘是系统盘,不建议把全局模块装在C盘。 我们可以设置这个安装路径。
例如:将全局模块安装目录和缓存目录都设置在D:/nodejs中,则在D:/nodejs下创建两个目录【node_global】及【node_cache】如下图:
创建完两个空文件夹之后,打开cmd命令窗口,在nodejs安装目录下执行2条命令:
npm config set prefix "D:\nodejs\node_global"
npm config set cache "D:\nodejs\node_cache"
以上命令表示:
全局模块的下载及安装目录为D:\nodejs\node_global,
缓存目录为D:\nodejs\node_cache
接下来配置系统环境变量配置,如下:
-
选中“我的电脑”,右键–>“属性”–>“高级系统设置”–>“高级”,打开“环境变量”窗口。新建一个系统变量NODE_PATH,值为"nodejs安装目录\node_global\node_modules"
-
编辑用户变量Path, 找到以npm结尾的那个路径(默认在C盘),
把上面那个路径改为"nodejs安装目录\node_global",然后确定。
测试环境配置
环境配置完后,安装最常用的express模块测试一下。打开cmd窗口,输入如下命令进行模块的全局安装:
npm install express -g # -g是全局安装的意思
可以看到express模块被安装到"D:\nodejs\node_global\node_modules"
以上配置完成后,可验证NodeJS是否正常工作
在指定目录如C:\work_extend\webShare\code下创建test.js文件,文件内容如下:
console.log(“你好,World”);
在命令行界面输入node test.js可看到输出结果:
3.检查环境变量
重点在于 系统变量 和 用户变量 的设置,重新打开检查一下,是否设置成功,是否正确。
修改之后,问题解决。