美文网首页
环境搭建

环境搭建

作者: zhenghongmo | 来源:发表于2020-04-01 15:56 被阅读0次

1、Git Bash

  • 安装


    安装选择
    安装选择
    安装选择
  • 配置


    右键顶部空白位置,选择options
    Options-Looks
    Options-Text
    Options-Window
    Options-Mouse

2、Node.js

  • 下载
    node官网
  • 配置
    打开 Git Bash,依次输入以下命令,按回车:
    npm config set registry https://registry.npm.taobao.org/
    npm config set loglevel http
    npm config set progress false
    装了 Node.js 之后我们就可以在 Git Bash 里面使用 node 和 npm 这两个命令了
    可以用node -vnpm -v 查看版本号
  • 下载yarn: npm install -g yarn
  • 使用
    先创建一个js文件(如index.js),然后输入node index.js就会执行这个文件

3、Git的配置

在Git Bash中输入以下五行命令
git config --global user.name xxxxxx (把xxxxxx替换成你的英文名字)
git config --global user.email yyyyyy (把yyyyyy替换成你的邮箱)
git config --global push.default simple
git config --global core.quotepath false
git config --global core.editor "vim" (使用vim编辑提交信息)

4、VSCode

  • 安装
    官网
    安装时候勾选以下选项:
    安装
  • 配置
    安装插件

按 Ctrl + Shift + X 打开扩展面板,然后在商店中搜索以下常用插件,点击第一个结果的「安装」按钮,安装完成后,点击重载以启用

Auto close Tag  // 自动闭合标签
Auto Rename Tag  // 自动更改标签
Autoprefixer
Beautify css/sass/scss 
background
Bracket Pair Colorizer  // 括号不同颜色
Color Highlight  // 颜色显示
Chinese (Simplified) Language Pack for Visual Studio Code  //中文简体语言包
Guides  // 缩进
GitLens — Git supercharged
HTML CSS Support
JavaScript(ES6) code snippets
markdownlint
open in browser
Path Intellisense
seti-icons
TODO Highlight
Vetur
React/Redux/react-router Snippets
seti-icons
vue-beautify

5、Github配置

  1. 进入 https://github.com/settings/keys
  2. 点击 New SSH key,你需要输入 Title 和 Key,但是你现在没有 key,往下看
  3. 打开 Git Bash
  4. 复制并运行 rm -rf ~/.ssh/* 把现有的 ssh key 都删掉,这句命令行如果你多打一个空格,可能就要重装系统了,建议复制运行。
  5. 运行 ssh-keygen -t rsa -b 4096 -C "你的邮箱",注意填写你的邮箱!
  6. 按回车三次
  7. 运行 cat ~/.ssh/id_rsa.pub,得到一串东西,完整的复制这串东西
  8. 回到上面第 3 步的页面,在 Title 输入「我的第一个 key」
  9. 在 Key 里粘贴刚刚你你复制的那串东西
  10. 点击 Add SSH key
  11. 回到 Git Bash
  12. 运行 ssh -T git@github.com,你可能会看到这样的提示,输入yes,回车
    image.png
    14.如果你看到 Permission denied (publickey). 就说明你失败了,请回到第 1 步重来;如果你看到 Hi xxx! You've successfully authenticated, but GitHub does not provide shell access. 就说明你成功了!

相关文章

网友评论

      本文标题:环境搭建

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