内网开发新项目之流程记录

本文主要是介绍内网开发新项目之流程记录，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

内网开发之第二个项目问题

内网开发之第三个项目问题

内网开发之第二个项目问题

由于上一个项目开发告一段落，被分配至一个全新的项目组，

周一简单开完需求会议后，确定了一下项目开发时间及项目内的一些需求之后

1、项目经理 需要先给上层领导发送 Git Lab 仓库权限审批邮件，等待领导批准开通

（这样我们开发人员才能本地拉取远程仓库项目代码）

已经有人搭建好了项目的初始框架，我们只需在此基础之上进行开发就 OK 了

2、下午时分，我们组两位开发人员已经可以拉取代码了，我就在自己本地也试了下，

结果就是一堆报错信息。。。（后来才知道我的权限原来还没审批过。。）

没有权限的问题。。

没有仓库地址的访问权限

3、有仓库操作权限之后

1、找个盘符新建一个用于保存当前项目的文件夹
2、进入此文件夹，打开终端或 Git Bash Here
3、输入命令行 $ git clone -b 你的新分支名 (示例：feature/名字) 远程地址

或者我是分步操作的，因为另一个前端已经在 master 主分支上分出了 dev 开发分支了，

用于我和她之间平时代码的 合并拉取 操作，因此我可以在 develop 分支上再分出来属于我自己开发的分支，先 $ git clone 远程地址，克隆下来之后，可以先查看一下现在所有的分支，

$ git branch -a ，$ git checkout develop 切换到主开发分支， $ git checkout -b 新分支名

4、npm install 下载项目 package.json 内的插件安装包

过程也是相当的艰难啊，卡在这里很长时间，到最后一直报错，下载失败（ node 版本低了）

主要是一个 node-sass 包，属实难下载，（最终是跟别人要了压缩包直接放入项目里了的）

一开始以为是 Echarts 的问题，把 echart 删了之后下载还是报错

后来又尝试将 pack-lock.json 和 node_modules 都删除之后再 npm install 下载还是报错

尝试完这个方案之后，依旧报错

一个正常操作流程：

1、删除 node_modules , 这里一般使用命令行进行的删除

一个是快，一个是感觉删的彻底： $ rm -rf node_modules/

2、npm 清除下载缓存：打开命令行，目录无所谓。输入指令：

$ npm cache clean -f

$ npm cache clear -f

( 第一个不生效的话，就试试第二个 )

2-2、清除缓存文件

打开我的电脑， C : / users / 你的用户名 / appData （有可能是一个隐藏文件夹）/ roaming

删除这里的 npm-cache 文件夹

3、配置内网专门下载 sass 包的路径信息

4、 npm install 再次下载尝试一下

最后陆陆续续解决问题之后，总结是 node 版本低了， v12 的版本这个项目不支持，

需要升级到 v14 版本的 node 才能支持：

So 接下来就是升级 node 版本的又一系列操作啦：

由于是内网开发，外加上是登陆的华为云桌面，所以接下来有两个问题

一是 nvm 的 node 版本管理工具，内网是没有的，所以需要自行卸载 node 再下载

二是在云桌面上，通过设置面板对其 node 进行卸载无反应，

通过控制面板对其 node 卸载无反应。。

最后无奈，只能找到下载 node 对应的文件夹目录，删除了整个文件夹。。

后又查询了一下如何卸载干净的步骤，走了一遍

卸载完成之后，就该下载回来了，

内网是在专门的网站上进行下载，找到 v14 版本的 node 后下载，

它是将 node 的所有东西都下载好了，没有给你下载一个安装程序，

让你一步一步点击下一步来完成安装的，只是当时我不知道，以为下的不对，

让我又给删了，专门找了别人要的那种安装程序包，

结果发现一步一步点击完，命令行 node -v 还是不显示版本号

这，，就给我整不会了，最后通过了解，这玩意是需要自己给 node 配置环境变量的。。

百度搜查：

所以，我又在网站上下载回来了 v14 node ，然后配置好环境变量就 OK 啦

一切都解决完之后， npm run serve 运行启动你的项目吧

可真不容易啊，，没想到就跑起来一个项目耽误了我一天的时间啊。。。

内网开发之第三个项目问题

匆匆忙忙，第二个项目还没完全收尾好，两个前端，四个后端

（开发 PC 端五个 UI 页面 ，联调完接口，大概两周左右的时间吧）

（权限跳转页面，内网开发兼容适配 IE 浏览器，放大浏览器适配至 125% ）

然后第三个项目的 UI 设计图就已经发我们邮箱了，

项目经理还召集我们简单说了一下项目需求啥的，简直无了个大语。。

这次还是连个需求文档啥的都没有，差不多只记了个大概

原本我是要兼顾 PC端和移动端一块写的，后来因为第二个项目收尾耽误了一些时间，

就分到了只负责 移动端 的其中一个模块了。

看了看其对应 UI 页面，总共有 21 个页面 ，要求一周时间赶完，好家伙，

可真够紧的，不过还好有差不多一半类似页面到时候可以复用的

然后就是等领导给你申请过了 Git 权限之后，就可以拉取代码到本地了。

正常操作还是，建个文件夹便于存放你负责的项目，

git clone git地址，进入项目目录下， npm install ，下载项目所需要的依赖包

好了，结果又是一堆报错，看了看跟之前几个项目大差不多，

主要还是因为 node 方面的问题，

这次以为是跟前几个项目一样的问题， node-sass 没下载成功，

先是设置了一遍 node-sass 的下载路径配置

npm config set sass_binary_site =

好像是这样设置的，后面是我们行内专门的地址了

后来还是不行，结果问了组长才知道，那个地址已经 ping 不通，失效了。。

然后解决方案就是找人直接要的 node-sass 压缩包，

直接解压缩到项目 node_modules 目录下了，

本以为这样就好了，因为前面的项目都是这样就好了，

结果启动后还是报错了，试了一遍固定操作后还是无果。。

再后来经过另外一位前端小伙伴的不断尝试后，

说可能不是 node-sass 的问题了，是 sass-loader 的问题，

让我把 sass-loader 再下载一遍试试看：

一开始我没搞明白， npm uninstall sass-loader 把 sass-loader 先卸载了

npm install sass-loader -D 下载回来，结果下载版本高了，

反正后来才知道我多此一举了，直接 npm install sass-loader 就 OK

无需卸载，重新安装一下就行

最后再次启动项目后，报了另外的错误，一开始以为还没解决问题，

直到问过组长之后才知道，是项目内的代码报错了，

一个页面内的代码配置的 src 路径不存在，好家伙，真够误导我的，

把那行代码注释掉后就好啦，哎，又是搞了将近一天的时间用来启动项目啊。。。

第三个项目启动问题解决方案总结：

1、node-sass 下载失败，索要一个压缩包，直接解压缩进项目里

2、sass-loader 有问题，配置不全可能是，再次 npm install sass-loader 一遍

3、不排除项目内有报错代码导致的项目启动失败，具体看报错信息

新拉取（ git clone ）的远程版本库代码到本地后，

在项目内 npm install 下载项目内的插件包，结果报错如下：

看这报错信息，大概率分析又是 node-sass 插件包 出了问题，下载失败了

最快解决办法： copy / 解压缩一个现成的（已经下载好了的）node-sass 包【要跟你项目内 devDependencies 里面的 "node-sass": "^4.14.1", 包版本相匹配哦～】然后直接放到 / 解压缩到项目 node_modules 里面，后再尝试一下启动项目：npm run serve

OK ，启动成功～ Nice ！

第四个项目问题

git clone 克隆远程项目仓库地址到本地后

1、npm install 下载项目插件依赖包

报错： node-sass 插件包下载失败

1-2、删除原有的 pack-lock.json 和 node_modules

清理一下缓存： $ npm cache clean -f

（最后直接导入下载好的项目对应的版本号的 node-sass 包到 node_modules 里面）

2、npm run dev 启动项目

报错： error in ./src/xxx/xxxx

Error : Cannot find module 'true-case-path'

出现以上问题，是由于 sass-loader 没有安装成功

解决方法：

查看自己项目 package.json 中对应的 sass-loader 版本号，

重新安装 sass-loader , 比如：

npm install sass-loader@7.1.0

再次 npm run dev 启动项目就 OK 啦～

（镜像源： npm config set registry ）