其实我近几个月一直都在想写点啥技术类的文章,但是写技术类的文章总免不了查资料,
查着查着就会发现比你理解更深,举例也更详细的文章,
这时候总有点怀疑自己,我这个文章还有啥写的必要,所以一直也没抽出时间(时间都挤出来去召唤师峡谷维护地球的和平了)
今天突然想,要不写点东西升到两级先,思前想后,最后决定写点从入职以后到进入工作该干点啥吧

安装环境

从拿到公司分的工位和电脑开始(自己的电脑肯定该有的都有了,不该有的学习资料当然也有,这个不重要😏)

电脑可能是前任用过的,但是前任不一定就是做前端的,所以还是得从安装环境开始聊起

Node的安装

首先上node官网

官网
https://nodejs.org/zh-cn/

中文网
http://nodejs.cn/

下载安装

下载版本一般选14.16.0长期支持版即可,因为最新版本其实不一定最稳定
除非单位格外要求我们的项目一定需要什么版本(这时候可以去下载指定版本)

https://nodejs.org/zh-cn/download/releases/

当然,一般项目是不需要下载指定版本的

下载好以后安装(安装就跟普通的安装软件一样,除了选择安装路径以外,跟着下一步就可以,当然默认安装路径也可以)

配置环境变量

安装好以后配置环境变量 右键我的电脑>属性 (或者 控制面板>系统) 然后点击高级系统设置

用户环境变量和系统环境变量都可以,一个是你登录的这个用户的环境变量配置,一个是这个电脑的环境变量配置
新建环境变量NODE_HOME(名称可以自己取) 这里路径填你node的安装路径

再添加刚才定义好的NODE_HOME到Path环境变量
固定写法 %环境变量名%

添加好以后记得确定保存

检查node运行环境

检查node环境添加成功,打开cmd控制台(运行输入cmd,或在任意文件夹路径处输入cmd,然后回车)
输入 node -v,这是用来查看node版本的 显示版本号就说明安装成功

如果查看版本号不成功,那就到安装node的文件夹输入cmd再输入刚才查看版本的指令,

• 如果这次成功了,就说明环境变量配置有问题,需重新配置环境变量
• 如果这次也不成功,就说明node安装有问题,需重新下载安装

(我写的过程可能不够详细,可以自行百度一些安装node的帖子)

git的安装和配置

下载和安装

https://git-scm.com/downloads

根据自己自己的操作系统下载安装,基本流程也和普通的安装软件一样

配置环境变量

照葫芦画瓢,这里我就没有新建一个变量,而是直接在Path里添加了git的路径,仅仅是因为懒

检查git

在cmd中输入git --version可以查看git版本 和node一样如果在git的安装目录查看版本成功,其他地方不成功,就说明是环境变量的问题,
如果在git的安装目录也不成功,就说明是git安装的问题

设置git

装好git,首先要做的事情就是设置你的名字和邮箱地址 在任意文件夹右键,选择Git Bash Here打开git控制台

分别运行

git config --global user.name "Tiger9527"
git config --global user.email ChinaTiger9527@163.com

这是设置你的昵称和用户名,运行完是没有提示的(没有提示就是最好的提示,至少说明没错)

生成密钥

生成你这台电脑的密钥,可以理解为这台电脑访问git仓库的识别码,是为了避免后面操作时出现权限不足和每次push都要输入密码
生成 （这里会停顿让你起名，直接回车默认就好，有两次）

ssh-keygen -t rsa -C ChinaTiger9527@163.com

查看密钥

cat ~/.ssh/id_rsa.pub

添加密钥到git

拷贝里面的内容(密钥)从ssh到结尾的.com都要复制,
前往你的git个人设置,看你们公司用什么什么git,一共公司内部都是用内部的gitLab,
需要找你老大要项目的git地址,有些是你自己注册,然后他拉你进行项目组,有些是需要他给你添加账号

我这里就拿gitee(码云)来举例,gitHub又上不去了,

• 到设置里

• 添加密钥 添加标题,粘贴刚才复制的密钥,点击确定,一套操作操作之后,你就可以去clone公司项目了

git clone 项目

拿我最近的一个小项目举例 先复制这个仓库的地址,比如我这个 (到时候你们是复制公司的项目地址)

然后在你想要放项目文件的目录打开git控制台

git clone git@gitee.com:ChinaTiger9527/pc-nuxt.git

(这是我个人私有项目,所以你们clone不下来的,我就是给你们看看)

也有些情况下,你的操作没毛病,但是就是clone不下来,我就随便举两种

• 有一种情况是,公司的gitLab上的地址是错的,
  • 我们公司属于某分公司,gitLab显示的是公司内网地址 比如说:
  • git上复制的是 git@192.168.0.102:ChinaTiger9527/pc-nuxt.git
  • 其实他是总部的一个内网地址,我们千里之外的分公司是访问不了的
  • 这时候是需要手动替换为公司的外网ip,然后再clone
• 还有一种情况是,你这台电脑的ip地址不在公司git的白名单内,这时候你也访问不了 我目前遇到的也就这两种了,欢迎大家评论里补充

git clone 完以后,在当前目录就会出现这个项目的文件夹了,我们先假装这就是刚才clone下来的文件夹

安装依赖包

cd进目录,开始安装依赖包,(这是直接安装的,可能会很慢或者安装失败,推荐后面cnpm的安装办法)

npm i
// 我这是简写,完整的是 npm install

因为我个人感觉npm太慢,配置了淘宝镜像也慢,后面我又把镜像改回来了,所以推荐使用cnpm,(最近看了三元大佬(神三元)的pnpm的文章还没试过,大家也可以试试) 先安装cnpm

npm i cnpm -g
// 全局安装 cnpm 

cnpm i
//使用cnpm安装依赖包

运行项目

但凡项目,一般都会有个README.md(脚手架搭建的默认有,手动建的一般也会加),
这个就是这个项目的文档说明,开源的项目会写的比较详细,公司内部的项目就是搭建项目的默认说明,git下展示的就是这个文件的内容 文档说明中会有项目的运行指令,上面有安装依赖包,运行项目,打包的指令等(根据项目不同可能还会有其他的指令)

这个是我这个项目的运行指令,一般来说运行的指令都是这其中一个(有的文档显示的yarn指令,用npm运行也是一样,yarn也是和cnpm一样需要全局安装的)

npm run serve

npm run dev

刚拉下项目时候,自己直接看比较靠谱(这种东西尽量别问同事,不然会让他觉得你十分菜鸡)
如果是运行了一半,失败了,那就看包装的有没有问题.最好是删了node_modules重新安装
如果是直接告诉你没有这个指令,就说明运行的姿势不对,比如我的运行是npm run dev,用 npm run serve就会报错
对下README.md里的运行指令,看来自己姿势对不对,如果姿势没毛病,那就可能是文档的毛病了,不排除有精神小伙改了运行指令没改文档的情况,这时候可以自己看配置文件,或者问同事,
(我建议问同事,一句话的事,何必自己费劲的找配置文件.万一自己手动搭的项目随便起了个js的文件名,那还得自己手动遍历一遍所有的js文件.遍历,就是一个个打开看的意思)

运行起来以后,一般会自动打开浏览器,或者显示出项目在本地的访问地址跟端口
如果你发现运行起来的地址和端口访问不了项目,那恭喜你可能遇上了一个没有节操的项目(或者说是没有节操的同事,取决于那个搭项目的人还在不在)
这时候我也建议你请教同事,当然如果你不太确定是不是你哪里操作有问题,那就尽量圆滑一点.

安装开发工具

下载安装VsCode

别问我为什么安装开发工具是VsCode,因为我只会用VsCode

https://code.visualstudio.com/

简简单单的下载安装,基本操作就没啥好说的

安装插件 Settings Sync

下载 安装好以后下载就需要设置和安装插件了,我强烈推荐 Settings Sync可以同步你自己电脑的VsCode配置(我们针对的是有基础的入职以后的同学,如果是从零开始,可以去看一些插件类的文章,然后挨个安装)

首先在你自己的电脑的VsCode上安装,在细节里找找登录的入口,如果你的英文还可以或者你的翻译软件还可以,可以自己看看使用说明,
点击打开会打开个登录页,然后登录你的GitHub 登录完以后,再使用快捷键上传你VsCode的所有设置,

1. Upload Key : Shift + Alt + U
2. Download Key : Shift + Alt + D

(on macOS: Shift + Option + U / Shift + Option + D)

在你的电脑上按下快捷键 Shift + Alt + U,可以上传你电脑的vscode配置 左下角有上传提示,控制台页也可以看到上传的东西(当然看了也没啥用,只不过后面用的多了,可以看看自己有没有少些什么插件没上传到远程) 完成以后,在公司电脑上刚安装好的vscode上按下快捷键 Shift + Alt + D,可以下载你刚才上传的vscode. 有兴趣可以自己看看文档,文档里有说明,如何查看自己所有的上传记录,下载对应的配置,我英文菜,我就不带大家看了

以上所有内容的每个小结,我相信也一定会有比我更加详细的帖子, (环境和软件的安装顺序不一定要和我的一样,但是运行项目,一定是在装好node在以后,切记.)
如果我有不够细节的地方,希望各位不要在我这一个歪脖子树上吊死,你还有更广阔的歪脖子树,你挨个试试

呕心沥血写了一下午,没啥别的奢望,
如果觉得还可以那点个赞,让我升个级先,
如果觉得还不够好,那就欢迎评论补充,然后点个赞,让我升个级,😄