前端开发环境配置

前端开发环境配置

当我们进入一家新公司,拿到一台新电脑,作为前端开发,我们需要配置以下环境信息,就可以投入到团队开发了.亲测有效.

1.安装git

• windows安装

  https://editor.youkuaiyun.com/md/?articleId=123677858

• mac安装

  直接打开terminal终端,输入git,如果没有安装,会提示安装

2.安装nvm

• windows安装

  https://blog.youkuaiyun.com/zqd_java/article/details/120895871

• mac安装(m1/m2芯片)

  1.第一步：打开终端，执行下面语句（我是用zsh安装的）

  GitHub地址:https://github.com/nvm-sh/nvm#installing-and-updating

  执行下面的命令需要魔法,可以使用免费的Watt Toolkit(下载时选择github下载),安装后,勾选github加速

  curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.39.5/install.sh | bash
  

  2.第二步：在与.nvm文件夹同级的目录下创建.zshrc文件，.nvm文件夹默认是在/User/我的用户名下

  • 创建文件.zshrc

    touch .zshrc
    

  • 在.zshrc中添加如下内容：

    export NVM_DIR="$([ -z "${XDG_CONFIG_HOME-}" ] && printf %s "${HOME}/.nvm" || printf %s "${XDG_CONFIG_HOME}/nvm")"
    [ -s "$NVM_DIR/nvm.sh" ] && \. "$NVM_DIR/nvm.sh" # This loads nvm
    

  • 如果安装node太慢或失败,可以.zshrc最后添加国内镜像：
    原淘宝镜像地址已失效，不要再使用：https://npm.taobao.org/mirrors/node/

    export NVM_NODEJS_ORG_MIRROR=https://npmmirror.com/mirrors/node/
    

  3.第三步：文件编辑完成后记得在终端执行如下语句，使文件配置生效：

  source ~/.zshrc
  

3.nvm安装指定版本的node

# 查看帮助命令(任何命令都通用)
nvm --help
# 查看远程版本
nvm ls-remote
# 安装指定版本
nvm install 14.21.0

4.npm 全局安装pnpm

npm install -g pnpm

5.npm 全局安装nrm

#全局安装nrm
npm install -g nrm
#查看镜像源
nrm list
#切换镜像源
nrm use taobaonr

6.安装vs code，同步配置（github用户登陆）

个人的一些配置,可以同步到新安装的vscode中,比如:插件或配置

7.git拉取代码/安装依赖/运行项目

一般公司代码放在gitlab上,拿到git地址,就可以拉代码,运行查看了.

以上就是初始化的环境配置,接下来,开始你的开发工作吧.