VSCode使用一般方法

发表于 | 分类于 |

写 html

新建 html 文件，然后输入 “! + tab键”，记住勾选“自动保存”的选项
一般是使用 tab 键来提示输入,或者 “html:5 + tab”

输入 div.red + tab # 快捷键
输入 div.red*10 + tab # 写 10 个 div 标签
输入 div.red>a + tab  # div 中有 a 标签
输入 div.red*10>a + tab  # 10 个 div ,每个 div 中有 a 标签

**其实上面的语法就是 CSS3 语法**

输入 div.red*10>a[href=#xxx] + tab
输入 div.red*10>a[href=#page$] + tab
输入 div.red*10>a[href=#page$]{链接$} + tab

装插件

  • open in browser

快捷键

ctrl + shift + p 输入命令
ctrl + p 搜索所有的文件
ctrl + shift + f 快速搜索

同时也可以修改键盘快捷方式

配置

几个设置关键字可以在首选项中查找

  • fontsize
  • sidebar(侧边栏)
  • fontfamily(字体)
  • tabsize(tab键的宽度)

换肤

请查看首选项

git操作

创建 github 帐号
在远程创建一个 git 仓库
然后是常用 git 命令
但是之前远程服务器需要一个本地的 ssh-key

VSCode 操作 git

注意侧边栏的功能按钮(按钮是个树形有节点的图)
push 之前记得自动保存

如何预览自己写的 html ??
在 github 自己创建的仓库上，选择 Setttings —> 选择 Github Pages —> 选择 source 中
的 master 然后点击 save ,然后 github 会自动给你一个地址,想要预览的话，就在浏览器中输入
地址 + xxx.html

还需要注意的地方

npm 安装 fanyi, 安装是可以的但是不能使用，若使用时出现 “throw er” 之类的报错，可能是这个 fanyi 工具缺少语音包造成的，解决办法可以直接在其 Github issue 上找，也可以在 bash 中执行以下命令 

sudo apt-get update
sudo apt-get install festival festvox-kallpc16k -y # 安装这个语音包

特别感谢 @Leo 以及 @暗淡蓝点 提供的解决方法