软件安装

Posted on
  • Git Bash的安装与配置
  • Node.js的安装与配置
  • Git 的安装与配置
  • VSCode的安装和配置

错误言论

  • 大神写代码都是用记事本（记事本存在的问题，tab默认是8个空格，默认的编码不是UTF-8）
  • IDE很笨重，编辑器很轻便（IDE是集成开发环境，会分析代码有无错误）
  • 我可以把我的编辑器配置的像IDE一样强大

正确观点

  • 用好的工具能让你效率提高很多倍
  • 收费的工具往往比免费的工具靠谱
  • 你需要花时间来学习工具的使用方法，才能更好地利用工具
  • 越复杂的，越要花时间

Git Bash的配置

Git Bash的安装比较简单，这里就不多说啦。

配置外观

右键Git Bash出来菜单

设置Text

设置Git Bash透明度

最后记得点击Apply,再点击Save，然后关闭重启Git Bash即可

使用方式

方式1：

找一个目录，在目录上右键点击，然后选中「Git Bash Here」，就可以打开Git Bash，并且当前路径是你的选择的目录

1.txt
1
touch 1.txt

回车后看看目录了是不是多了一个文件

方式2

直接点击Git Bash的快捷方式，打开Git Bash，输入cd ~/Desktop,即可来到桌面所在的目录，PS.当你输入cd ~/des时，然后按Tab键，Git Bash会自动补全，剩下的操作同上

简单的命令

  • 创建目录：mkdir my-dir
  • 删除目录：rm -r my-dir
  • 创建文件：echo "hello" > newFile.txt
  • 删除文件：rm newFile.txt

FQ

我现在正在使用免费的FQ软件，以后出来工作之后，才购买付费的

Node.js的安装与配置

Node.js的安装比较简单，这里就不多说啦。

配置

打开Git Bash，依次输入一下命令，按回车：

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

npm 的配置被存储在 ~/.npmrc，你可以随时改。

检测是否安装好Node.js

可以在 Git Bash 里面使用 node 和 npm 这两个命令

1
2
3
4
which node
which npm
node -v
npm -v

npm 安装命令行小工具

可以用 npm 的翻译工具做一个随时可用的小字典，这个小工具的名字叫做 fanyi。

1
mpm i -g fanyi

安装好fanyi后，可以尝试一下fanyi 中文/英文

fanyi

使用方式

方式1

  1. 进入Git Bash
  2. 输入Node，回车，进入node运行环境，现在可以写JS啦
  3. 试试写最简单的 JS 语句，比如 1+2，回车
  4. Ctrl+d是退出命令
  5. Ctrl+c是终止命令

方式2

  1. 来到桌面： cd ~/Desktop
  2. 新建一个目录（安全的）：mkdir hello-node
  3. 进入这个目录：cd hello-node
  4. 新建一个有内容的JS文件：echo "console.log('Hi, Node.js')" > main.js,没有什么反应，就意味着main.js新建成功
  5. 输入node main.js，回车，node 就会执行这个 main.js 文件，你会看到「Hi, Node.js」字样
  6. 玩完了，删除 hello-node：cd .. ; rm -rf hello-node
  7. cd ..是返回上一级目录

Git 的安装与配置

不需要安装，Git Bash内置了Git命令，Git Bash 还内置了以下命令：ls,mkdir,cp,mv

Git Bash 其实是一个 Bash，不是 Git。

Git Bash 给我们提供了一个虚拟的 Linux 环境，这样我们就不用忍受 Windows 里面垃圾一般的命令行体验了。

配置

在Git Bash运行下面这五句话

1
2
3
4
5
git config --global user.name 你的英文名字           #方便产品经理找（怼）你
git config --global user.email 你的常用邮箱          #方便产品经理找（怼）你
git config --global push.default simple            # 本来我写的是 matching，不过想了想可能 simple 更好
git config --global core.quotepath false           #防止文件名变成数字
git config --global core.editor "vim"              # 使用vim编辑提交信息

你的英文名字和你的常用邮箱是要替换的，不要傻傻的直接复制粘贴上去

VSCode的安装和配置

VSCode的安装比较简单，这里就不多说啦。

使用方式

  1. 找个地方新建一个目录（目录名不要中文），假设目录名为 vs-demo
  2. 右键点击该目录，open with code
  3. 使用 Ctrl+Shift+E 打开资源管理器，在 vs-demo 目录里新建 HTML 文件，文件名为 index.html
  4. 在 index.html 依次输入：英文感叹号、回车 键，即可看到一个完整的 HTML 页面
    • 由于 vscode 时常更新，如果 回车 键不行，就试试 Tab 键

代码书写快捷方式（简单几个）

1
2
3
4
5
6
7
8
9
//加按Tab键（Emmet）
div
div.red
div.red*10
div.red>a
div.red*10>a
div.red*10>a[href=#]
div.red*10>a[href=#page$]
div.red*10>a[href=page$]{链接$}

安装open in browser

按 Ctrl + Shift + X 打开扩展面板，然后输入 open in browser，点击第一个结果的「安装」按钮，稍等片刻就安装好了

用户设置：文件–>首选项–>设置

换肤：文件–>首选项–>颜色设置