开发环境 | 一个前端程序员的装机文档(Windows)

390 阅读2分钟

    当入职新公司的时候,如果不使用自己的电脑,公司会配一台新电脑,那么入职第一天的工作便是装好开发环境,接下来是一名普通前端的装机文档(windows)

1、安装GIT.exe

在工作过程中,git是必备的代码协同工具

1)去官方地址下载GIT,官方地址

git-scm.com/download/wi…

2)安装git.exe后需要一些基本的设置信息:

  • 设置用户名:git config --global user.name  *user.name 指的是在git上的用户名
  • 设置用户邮箱:git config --global user.email   *git绑定的邮箱

3)配置完成后,如何查看是否成功:

git config --list
git config --global

     在执行命令时可能会碰到如下错误提示:

git SSL certificate problem: unable to get local issuer certificate

      运行该命令即可解决:

git config --global http.sslVerify false

2、安装NVM

正常来说,前端应该先安装node,不过有时候项目会依赖一些不同版本的node执行,这里最后安装nvm,node的多版本控制工具

1)nvm-windows下载地址:github.com/coreybutler…

2)  安装时要选择全英文路径安装nvm、node。

     安装完成后,需要找到nvm的根目录,打开settings文件,添加node和npm的taobao镜像地址。

node_mirror: https://npm.taobao.org/mirrors/node/
npm_mirror:   https://npm.taobao.org/mirrors/npm/

3)安装node版本 

nvm install 15  // 安装15开头的版本

nvm use 15.xx.xx  // 使用 15.xx.xx版本node

4)查看node、npm是否安装成功

node -v

npm -v

  1. 可能需要登录私有的npm

npm login --registry http://xxx.xxx.com

3、NRM安装 

安装完nvm后,就要接着安装nrm --npm的源控制管理工具

1)安装  运行npm install -g nrm

  1. 查看nrm的源 nrm ls

     出现一个列表,左侧为名称,右侧为源地址,带 * 的为当前配置。

3)使用 nrm use [registry]  来切换源,国内一般使用taobao

注意:在操作期间可能会遇到npm不被识别报错问题。

          解决:

1)以管理员身份运行powershell(终端就可以)

(2)在终端执行:get-ExecutionPolicy,显示Restricted(表示状态是禁止的)

(3)在终端执行:set-ExecutionPolicy RemoteSigned

(4)在终端执行:get-ExecutionPolicy,显示RemoteSigned

   4)添加公司的源:

nrm add register xxx  --添加公司的npm源
nrm use [register]

4、安装yarn

npm install -g yarn

注意:如果提示 未授权等问题,可使用 npm config set always-auth true 来尝试解决

5、如果你不想使用windows环境进行开发,也可以在windows下使用wsl

1)win+r 输入 appwiz.cpl  -》 启用或关闭Windows功能 -》勾选[适用于Linux的Windows子系统]

2)在 Microsoft Store中搜索Linux,根据自己的喜好选择安装