1、下载node,可官网下载最新版本,亦可此处下载
2、下载后安装并在nodejs目录下新增node-global,node-cache文件夹(注意要给读写权限哦)
node-global :npm全局安装位置
node-cache:npm
3、修改npm配置
配置npm的全局模块的存放路径以及cache的路径,可以用以下两个命令完成。
npm config set prefix "C:\Program Files\Node.js\node-global"
npm config set cache "C:\Program Files\Node.js\node-cache"
这样此后所安装的模块都会安装到改路径下
4、.配置环境变量
4.1.node_path环境变量:
将nodejs目录添加到path环境变量中,这样我们在使用命令行时就可以在任意路径使用node命令了,
C:\Program Files\Node.js\
4.2.node_gloabl环境变量:
由于webpack在node-global文件夹中做了映射,所以也要将node-global加入path环境变量即可。
C:\Program Files\Node.js\node-global
此时node安装完了,下面开始踩坑
1、此时npm install 下载依赖,然后运行项目。报错
error in ./src/views/demo/ueditor.vue Module build failed: Error: Cannot find module 'node-sass' Require stack:
告诉我们没有安装node-sass,我们依次运行下面两条命令去安装:
npm install --save-dev sass-loader
npm install --save-dev node-sass
2、运行npm install --save-dev node-sass 时告诉我们:
error ERR! find Python checking Python explicitly set from command line or npm configuration ERR! find Python - "--python=" or "npm config get python" is "python2.7"
提示我们需要安装python2.7,并配置环境变量(自行下载安装)
安装好后再次执行npm install --save-dev node-sass
命令。
3、安装好后再次运行项目,提示:
Module build failed (from ./node_modules/sass-loader/dist/cjs.js):
Error: Node Sass version 6.0.1 is incompatible with ^4.0.0.
告诉我们node-sass版本太高,应该使用4.0.0版本的,首先卸载当前node-sass,然后安装,参考此链接https://www.cnblogs.com/zyfenblog/p/14467734.html
此时安装失败:
deprecated tar@2.2.2: This version of tar is no longer supported, and will not receive security updates. Please upgrade asap.
原因是之前安装的node版本是最新的18的,npm是8的,版本不兼容。
解决方法就是重新安装如图一中:node12.6.0版本的,然后重新安装node-sass@4.14.1
npm install --save-dev node-sass@4.14.1
再次运行,ok,呼~~
仅作记录参考:
参考文档:
https://www.cnblogs.com/hualess/p/11541908.html
https://www.cnblogs.com/zyfenblog/p/14467734.html