前言
之前一直用的是webstome,虽然使用上来讲,软件还是很顺手的。除去webstome是需要付费使用的不说,运行起来还很耗费内存,这一点很不喜欢。所以在遇到vscode之后就果断的选择了它,免费而且轻量。
不过它轻量的代价就是需要自己安装一些需要使用的插件,所以在此记录一下自己筛选出来的设置和插件,以方便后期需要的时候不用再到处去找。
(注:对于抛弃webstome转而选择vscode的想法仅代表我个人使用的选择。)
设置
1.中文显示
- 在插件管理处搜索‘Chinese’,安装插件;
- 使用快捷键组合【Ctrl+Shift+p】,在搜索框中输入“configure display language”,点击确定后;
- 修改locale.json文件下的属性“locale”为“zh-CN”;
- 重启vscode工具
2.即时保存
如上图所示,按照步骤选择,‘onFocusChange’选项最适合编辑时的即时保存。
3.设置主题
One Dark pro
搜索插件,安装即可。
这个主题看着比较舒服,并且也有人在持续维护,是一个不错的选择。
4.设置快捷键
我习惯了用ctrl+d做整行删除。
插件
1.HTML CSS Support
让 html 标签上写class 智能提示当前项目所支持的样式。也支持scss。
2.Path Intellisense
自动路径补全,这个插件很必要,可以不用自己去一步一步写路径了。
3.Beautify
用来对代码进行格式化。快捷键为: shift+alt+f
4.koroFileHeader
顶部注释模板,可定义作者、时间等信息,并会自动更新最后修改时间。
这个对多人编写的页面很有用
5.Bracket Pair Colorizer
让括号拥有独立的颜色,易于区分。可以配合任意主题使用。
6.Vetur
对于vue的语法高亮、智能感知、Emmet等
7.Vue 2 Snippets
vue 2代码片段
8.Markdown All in One
这个插件是组合包,把所有最常用的Markdown优化都可以装好
( Markdown Preview Enhanced)这个插件安装好后可以看到流程图得样式
9.Markdown Preview Github Styling
这个插件是Github使用的Markdown渲染样式,很简洁的样式,因为很多人用Markdown都是为了使用Github Pages,所以这个样式特别受欢迎。使用这个样式,在本地就能预览Markdown文件最终在Github Pages中显示的效果。
10.live server
这个插件以前用的,现在记录一下,主要是写一个单页面的时候,它可以使你页面的效果可以及时刷新