编辑器使用

2019-11-26 16:35 来源:未知

image.png

vscode -fileheader

在文件顶部注释模板,可定义作者、时间等信息,并会自动更新最后修改时间

默认快捷键`ctrl+alt+i`生成

方法:

0、安装插件vscode -fileheader,并重启

1、在首选项-》设置-》中搜索fileheader,找到头部模板修改

2、在首选项-》键盘快捷方式-》中找到fileheader快捷键,可以自己修改

半个月前WebStorm的频繁卡死终于让我受不鸟了,我决定换个轻量级的编辑器。尝试了Emacs、Sublime text,最后选择了vscode。Emacs实在太难了,那么多快捷键就算记住了我也有点担心我的小指。Sublime一直是我的第二编辑器,平时做一些轻项目或一些简单测试都是用Sublime,本来这次想改用sublime,还想着如果用上手了在买个注册码。
当天受我们组的美女前端安利了vscode,虽然vscode在发布1.0版本的时候我就安装了,安装后只是大概了解了一下,因为用惯了webstorm并且webstorm让我很爽,所以当时并不想再花时间学一个编辑器。
我们组已经有4人开始用vscode作为主编辑器了,我想这东西这么优秀,而且还免费,我怎么能不尝试一下呢

之前一直都是用 sublime text 作为开发工具,用久了自然而然会觉得生活无趣,而且当时用sublime text 装了很多插件,有些插件不能用,于是决定试试微软的新产品 Visual Studio Code 。

HTML Snippets

H5代码片段以及提示

Visual Studio Code简介

Visual Studio Code(以下简称vscode)是一个轻量且强大的代码编辑器,支持Windows,OS X和Linux。内置JavaScript、TypeScript和Node.js支持,而且拥有丰富的插件生态系统,可通过安装插件来支持C++、C#、Python、PHP等其他语言。

据vscode的作者介绍,这款产品可能是微软第一款支持Linux的产品。
微软对于vscode的定位如下图,位于编辑器与IDE之间,但是更像一个编辑器。有人说是披着编辑器外衣的IDE,我觉得是披着IDE外衣的编辑器。

深入了解了vscode之后发现了vscode很贴心地内置了很多功能,让我觉得我可以很快适应到vscode的使用。
这真是微软的良心之作,想想这个产品应该让微软在开发者心中加了很多分,它让我们看到越来越开放和越来越有情怀的微软。建议试试~

废话不多说,开干吧!

1. 开始

在这里界面里你就可以看到一个非常有情怀的快速链接:安装键盘快捷方式(你可以安装包括但不限于 Vim、Sublime、Atom 的键盘快捷方式),所有这个 coding 工具还是非常容易上手的。

从体积来说比 Sublime text 大了不少,30多兆,启动速度也肯定会慢一些,但还是在可接受的范围内,这个还跟机器有关系。

Visual Studio Code 的快捷键设置是统一管理的,所以你只需要修改一个文件就可以了。我们先来看看 Visual Studio Code 的常用快捷键。

Visual Studio Code 有两个比较重要的文件,一个是 setting.json (基本设置),另一个是 keybindings.json(配置快捷键文件)。它们 分别在【文件】-【首选项】-【设置】和【文件】-【首选项】-【键盘快捷方式】。

HTML CSS Support

html 标签上写class 智能提示当前项目所支持的样式

1. 安装

安装的东西没什么好说的,自行下载安装吧,伙计。

2. 快捷键

极常用的快捷键:

ctrl + E 查找最近打开过的文件
ctrl + tab 在文件之间切换
ctrl + G 跳到指定行
Ctrl + Shift + F 在项目下所有文件内查找内容(并且可全局替换)
Ctrl + 或者 按住 Ctrl 双击文件。
Ctrl + p 全局搜索文件
Ctrl + Home / End 跳到文件头部或者尾部

更多可以看官网的https://code.visualstudio.com/shortcuts/keyboard-shortcuts-windows.pdf

jQuery Code Snippets

jq智能提示

2. 配置

我的vscode好像没有怎么调教就上手了。刚接触的时候装上几个插件,熟悉几个常用的快捷键就开始撸代码了。

TAG标签:
版权声明:本文由金沙澳门官网4166发布于中国史,转载请注明出处:编辑器使用