前端拿到一个新电脑应该如何配置环境

578 阅读2分钟

一、安装node.js nodejs.org/zh-cn/downl…

image.png 下载完成,点击安装文件一路Next,傻瓜式安装即可,会自动配置环境变量和安装npm包。安装完成之后,打开cmd命令行,输入以下命令查看版本号。

image.png

新建两个文件夹,配置自定义的全局模块安装目录。

image.png 配置命令如下,注意路径是自己本地的路径

image.png 新建一个系统变量

image.png 在Path里新增路径

image.pngcmd 执行以下命令,发现配置已生效。

image.png 查看安装版本:npm webpack -v

image.png

第二步:安装Git

img-blog.csdnimg.cn/20210409131…?

一路next

image.png

配置公钥和私钥,公钥和私钥一个电脑配置一次,但是如果你将电脑格式化了,就需要重新配置

1.本地安装好git;

2.桌面右键 Git Bash Here 打开git命令行;

3.ssh-keygen -t rsa -C "nideyouxiang@xxx.com" (全部按enter);

4.cd ~/.ssh (如果没有执行第三步,则不会有这个文件夹);

5.cat id_rsa.pub 在命令行打开这个文件,会直接输出密钥;

6.复制,打开github ,点自己头像 >> settings >> SSH and GPG keys >>New SSH key

7.titile 随便写。 key里 粘贴第六步的内容;完成。

原文链接:blog.csdn.net/weixin_4206…

第三步:安装VScode

code.visualstudio.com/Download

image.png 下载的是免费版本,解压了可以直接用

第四步:安装yarn

npm install --global yarn

在vscode中运行yarn项目报错

image.png

后面查询资料说 npm install -g yarn后需要手动配置环境,于是配置环境变量

image.png 依旧报错

image.png 解决.使用Windows powershell(管理员)A命令行: npm install -g yarn

确定后,重新打开命令行(可以不是管理员方式)

yarn -v可以正确展示了

image.png 最后跑一下项目,如果跑得起来就说明一切都配置好了,可以正常开发了。

ps:写下这篇文章的主要原因是我刚拿到公司的电脑,直接开始配置环境变量,基本都配置好了,但是跑项目的时候会出现丢包的情况,也就是说项目启动了但是没有完全启动,我用了各种各样的办法,最后发现将电脑格式化(删除文件),这样重置之后再按照开始的步骤重新配置,就可以了,如果是保留文件式的重置电脑,是不会起作用的。