项目初始化的那些事儿

165 阅读2分钟

携手创作,共同成长!这是我参与「掘金日新计划 · 8 月更文挑战」的第5天,点击查看活动详情

前言

万事开头难,每次项目开始时搭建环境,项目初始化的时候总会遇到许多问题,浅写一下记录一下我遇到过的问题。

克隆项目到本地

开始一个项目,首当其冲就是将已有的项目从远程仓库克隆到本地,以GitLab为例,

1. SSH密钥

将git远程项目克到本地有两种方法,第一种较为复杂,使用ssh密钥克隆项目,

  • 首先,生成SSH密钥:

ssh-keygen -t rsa -C "xxxxx@xxxxx.com"
// "xxxxx@xxxxx.com"为你的SSH密钥名称

输入密钥存储地址,默认为C:\User\Administrator/.ssh/id_rsa,可直接enter 生成密钥.png

输入密钥密码,确认密码,可为空,enter即可

密钥密码.png

后出现key's randomart image密钥随机图,即生成密钥成功。

  • 获取生成的密钥:

刚刚输入的地址内含两个密钥文件,其中id_rsa 为私钥,id_rsa.pub 为公钥

cat ~/.ssh/id_rsa.pub
  • GitLab添加密钥

将上一步所获得的密钥填入Key,填入后会自动获取刚刚所填密钥名称。

gitlab添加密钥.png

  • 最后,克隆到本地

git clone 项目SSH地址

2. HTTP

相比SSH,HTTP较为简单

git clone 项目HTTP地址

注意将HTTP地址中的git.by字段改为具体gitlab地址

安装依赖

有些公司可能会有自己的npm源,有的话克隆项目之前需要切换npm源:

npm config set registry  xxxx

安装依赖

npm install

如果npm install报错,可能是npm版本问题,

也有可能是npm网速很慢导致下载失败,可以使用淘宝镜像

npm install cnpm -g --registry=https://registry.npm.taobao.org
cnpm install

启动项目

npm run dev
npm run serve
npm run start

通常是以上三种之一,具体看项目的package.json中的scripts的命令。

报错exits 1,端口占用

第一种方法:端口占用原因不明
解决端口占用:
1.首先,查看端口占用情况
netstat -ano
2.查看指定端口
netstat -aon|findstr "8080"
3.查看PID对应的进程
tasklist|findstr "9524"
4.结束该进程
taskkill /f /t /im java.exe

第二种方法:看package.json文件是否路径正确

第三方法:删除node_modules,复制远程仓库的package.json文件,重新npm install安装依赖或者直接复制node_moudles依赖

最后

以上都是本人的经验所得,如有错误或改进,欢迎提出你的意见。

wink.webp