美文网首页
配置Windows的前端开发环境

配置Windows的前端开发环境

作者: 张德瘦嬢嬢 | 来源:发表于2020-09-16 13:57 被阅读0次

    1.安装nodejs(自动n)

    node -v
    npm -v
    配置镜像:
    方法1
    npm config set registry https://registry.npm.taobao.org 设置taobao源
    npm config get registry 查看设置
    方法2
    npm install -g nrm
    nrm use taobao
    nrm ls 查看淘宝站点镜像之外还有其他的

    2.安装cmder(内装gitbash 也就附代git)

    cmder设置

    1. bash:bash

    2. 设置默认的启动目录 比如D:\Coding

    3.配置环境变量


    配置环境变量
    1. 管理员身份在终端执行指令:Cmder.exe /REGISTER ALL

    Git配置

    1. git配置
    • 配置环境变量***********
    • 查看配置
      git config --system --list 查看系统git配置
      git config --global --list 当前用户的
      git config --local --list 查看当前仓库配置信息
    • 六行配置
      git config --global user.name 你的英文名
      git config --global user.email 你的邮箱
      git config --global push.default simple
      git config --global core.quotepath false
      git config --global core.editor "code --wait"
      git config --global core.autocrlf input
    • git生成新的ssh key
      1. ssh-keygen -t rsa -C "xxxxxx@yy.com" #建议填写自己真实有效的邮箱地址
      2. cat ~/.ssh/id_rsa.pub 查看共钥用以连接码云和github
      3. ssh -T git@gitee.com 添加后,在终端(Terminal)中输入
        首次使用需要确认并添加主机到本机SSH可信列表
    • 高级操作1
    touch ~/.bashrc
    echo 'alias ga="git add"'>> ~/.bashrc
    echo 'alias gc="git commit -v"'>> ~/.bashrc
    echo 'alias gl="git pull"'>> ~/.bashrc
    echo 'alias gp="git push"'>> ~/.bashrc
    echo 'alias gco="git checkout"'>> ~/.bashrc
    echo 'alias gst="git status -sb"'>> ~/.bashrc
    

    最后 code ~/.bashrc 在文件最后加上

    alias glog="git log --graph --pretty=format:'%Cred%h%Creset -%C(yellow)%d%Creset %s %Cgreen(%cr) %C(bold blue)<%an>%Creset' --abbrev-commit -- | less"
    
    • 删除远程仓库的目录
    git rm -r --cached xxx
    git commit -m '提交删除'
    git push 
    

    3.安装webstorm

    在web里运行git ???? 几次都差点没行 环境变量也配置了呀
    D:\Software\cmder\vendor\git-for-windows\mingw64\bin\git.exe


    web里面设置的应该是这个目录

    而不是D:\Software\cmder

    4 安装yarn

    似乎我有部分项目用的yarn而不是npm
    xxxxxxxxxxxxxxxxxxxxxxx

    1. 绝对不允许使用 npm install -g yarn 安装 yarn !!!
      若安装,请卸载 npm uninstall -g yarn

    2. 前往下载页面
      https://classic.yarnpkg.com/zh-Hans/docs/install#windows-stable
      安装时 自动配置了环境变量
      how:在webstrom里面配置yarn?

      遇到问题
    3. 安装 yarn 1.x,不是 yarn 2(yarn 2 推荐用 npm 安装,但是目前 yarn 并不流行。)

    5 ok,拉项目写代码吧

    实事求是,公司的蜗牛网速搞了我几乎一天


    就这些软件

    相关文章

      网友评论

          本文标题:配置Windows的前端开发环境

          本文链接:https://www.haomeiwen.com/subject/wubcyktx.html