前端系统课程 - 03. 软件安装

工具的重要性：

  • 工欲善其事，必先利其器。

  • 使用合适好用的工具，提高写代码的效率。

  • 不同的情况下，使用不同的工具。

  • 收费工具往往比免费工具靠谱。

  • 需要花时间学习工具的使用方法，才能更好地利用工具。

各种工具的安装和配置：

  • 科学上网；

  • 取色工具；

  • 编辑器和 IDE 工具：VSCode、Sublime Text 3、WebStorm …

  • 开发工具：Node.js、Git、npm …

  • npm 配置命令：

    1
    2
    3
    npm config set registry https://registry.npm.taobao.org/
    npm config set loglevel http
    npm config set progress fasle

  • GitHub 新建仓库：

    1. 登录 GitHub 后，找到并点击“New repository”按钮；

    2. 设置新仓库的名称后，点“Create repository”按钮；

    3. 在本地新建一个与仓库同名的文件夹，并在当前目录打开 Git Bash，或者在 Git Bash 进入到这个新文件夹中；

    4. 在 GitHub 页面的个人菜单中，进入 Settings 页面，然后通过“SSH and GPG keys”选项的“New SSH key”按钮，创建一个新 SSH key，步骤是：

      • 在 Git Bash 中输入 ssh-keygen -t rsa -b 4096 -C "your_email@xxx.com"，后面的邮箱对应自己的邮箱，输入完毕后回车确认；

      • 确认前面的命令后，会提示 Enter file in which to save the key (括号内会显示一个路径表示保存文件的路径):，看到这个提示后，点击一次回车，后面再出现提示，再点击回车，一共 3 次，最后会看到一个字符组成的像票据的图，就可以了。具体方法

      • 在 GitBash 中运行命令 cat ~/.ssh/id_rsa.pub 后会输出一串已刚才设置的邮箱结尾的 SSH key，把这个 key 全部复制；

      • 回到创建页面，在“Title”中输入任意标题（比如日期或设备名），把刚才复制的内容粘贴到“Key”中，然后确认添加就行了。

    5. 首次使用 Git，要在 GItBash 中，设置自己的用户名和邮箱，命令为：

      git config --global user.name "yourname"

      git config --global user.email "your_email@xxx.com"

    6. 回到 GitHub 创建好仓库的页面，按照最上面的命令提示逐行输入 GitBash 并运行，命令如下：

      echo "# blog" >> README.md

      git init

      git add README.md

      git commit -m "first commit"

      git remote add origin git@github.com:yourname/blog.git

      git push -u origin master

      最好手敲，拿不准就直接复制呗。最后会问你：

      Are you sure you want to continue connecting (yes/no)?

      输入“yes”回车，就行了，刷新仓库页面，就能看见文件列表了。

编辑器的使用：

  • 多探索，多记快捷键。

个人博客的搭建：

  • 没讲，应该转到下节了。