前端开发环境配置

前端开发环境配置

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

1.安装git

• windows安装

  https://editor.csdn.net/md/?articleId=123677858

• mac安装

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

2.安装nvm

• windows安装

  https://blog.csdn.net/zqd_java/article/details/120895871

  • mac安装(m1/m2芯片)

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

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

    执行下面的命令需要魔法,可以使用免费的Watt Toolkit,选择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最后添加国内镜像

      export NVM_NODEJS_ORG_MIRROR=https://npm.taobao.org/mirrors/node/
      export NVM_IOJS_ORG_MIRROR=http://npm.taobao.org/mirrors/iojs
      

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

    souece ~/.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地址,就可以拉代码,运行查看了.

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