记录一次前端环境搭建 node+gulp

场景：

公司的老项目了，用到的是gulp+node，要在本地调试前端，搭建一下环境，踩了老多坑了~

---

1、先安装node

nodejs镜像发布页

听说v14很好用，我用的公司前辈给的v10

好像一般下的都是 x64.msi，然后点击下载就行，没有仔细研究不同后缀的区别~

建议不要安装到 C 盘吧（如果是win）,要不然下载 module的时候可能会有权限问题，烦人的~ 可以选择安装在例如： D:\nodejs\ 路径

在如下图位置，新建两个文件夹 node_cache 、node_global

删除C盘下的 .npmrc文件，这里是为了让后面两条指令生效

设置缓存和全局下载路径

npm config set prefix "D:\nodejs\node_global"
npm config set cache "D:\nodejs\node_cache"

查看是否设置生效（前面删了.npmrc文件，这里应该没问题）

npm config get prefix 
npm config get cache

---

2、安装gulp

npm install -g gulp@3.9.0

我这里用 gulp 默认版本会报错 ：Failed to load external module @babel/register; 按下帖提示，用 gulp@3.9.0 执行正常

3、安装 node_modules

看别的帖子说 删掉package-lock.json 文件再执行下载命令

npm install

遇到报错 node-sass@4.14.1 postinstall: node scripts/build.js
执行如下指令解决

npm config set sass_binary_site=https://npm.taobao.org/mirrors/node-sass

---

4、使用 gulp

有时候终端识别不到 gulp 指令 …… 可以把 gulp 的路径加入到系统环境变量 Path

启动

gulp serve

打包

gulp build

小结

对前端的实在是不太熟，搭建起来都研究了很久，特别是gulp版本问题，真的是折磨，公司给的文档上的命令只有 npm install gulp-cli -g，几年前执行没问题，到现在版本更新了，就会有坑坑，烦人的嘞~