webstrorm 2016.2激活怎么修改侧边栏字体

来源：蜘蛛抓取(WebSpider) 时间：2016-10-16 07:52 标签： 通达信侧边栏修改
WebStorm设置左侧菜单栏背景和字体设置 - 推酷
WebStorm设置左侧菜单栏背景和字体设置
WebStorm 左侧菜单栏
webstorm是一款前端IDE利器，个人感觉黑色的背景比较炫酷，刚开始从网上下载的主题只能修改编辑窗口的背景色，经过查询资料终于把左边菜单栏的背景色也修改了。
第一步：点击&file --& settings&，如下图所示：
第二步：选择appearance-&Theme选择darcula(黑色主题)
在 IDE Settings & Appearance 的右边菜单里，选择 Theme & Darcula主题即可。IDE Settings 指的是 webstorm 的全局配置。
ps:在Appearance下设置的字体是菜单栏的字体
编辑器的字体设置如下：
新建Scheme + 修改字体
ctrl+alt+s打开Settings界面，Editor & Colors&Fonts & Font。
Default scheme是亮色调，但我想定制一套暗背景的环境，所以在右侧Scheme name下拉框中选择Monokai，以此作为修改的基础，然后点击Save as，给自己新建的Scheme起个名字吧，如下图：
这里面可以设置字体（我一般选择Consolas），字体大小，行间距。
自定义语法高亮
用ctrl+alt+s打开Settings界面，Editor & Colors&Fonts。
不同语言有各自的语法高亮规则，但有一部分是通用的（General），我们首先来设置General，然后再根据需要设置不同语言的语法高亮。
General的设置
普通文本：default text
折叠文本: Folded text
光标: Caret
光标所在行: Caret row
行号: Line number
TODO: TODO default
光标下变量高亮：Search result
搜索结果：Text search result
匹配的括号：Matched brace
不匹配的括号：Unmatched brace
未使用的符号：Unused symbol
左边空隙（行号，断点）：Gutter background
选中的文本背景色：Selection background
选中的文本前景色：Selection foreground
区分语言的设置
举例来说，如果要更改Javascript的语法高亮，就在上图中选择Javascript，然后再进行详细设置。具体设置项就不赘述了。
显示行号 + 自动换行
如果用Vim编程，行号是非常必要的辅助。WebStorm默认是不显示行号的，没关系，显示行号非常的容易。
只要在代码左侧的gutter区域点右键，就会出现下图的菜单：勾选上Show Line Numbers即可。
另外，勾选上图中的Use Soft Wraps就启用了WebStorm的自动换行的功能，即过长的代码行不会超出屏幕，不会出现横向的滚动条。
值 得一提的是，标准的Vim，jk是移到上一行下一行，如果代码自动换行了，被分割成的两行虽然看起来是两行，但其实是一个逻辑行，这时候用jk是上移下移 一个逻辑行。这种情况下，如果要从同一逻辑行的“第一行”移动到“第二行”，需要按gj，即先按g再按方向。虽然Vim提供了这个方法，但还是经常按错。
好消息是，启用了Use Soft Wraps的WebStorm不需要这样，直接按j就可以从同一逻辑行的“第一行”移动到“第二行”。
导入导出设置
File & Export Settings导出用户设置。如下图，你可以选择要导出哪些类型的设置，也可以选择导出到哪个目录下。
导出后的配置以jar包的形式存在，导入也同样简单，File & Import Settings，选择jar包导入成功后，重启WebStorm就大功告成了
已发表评论数()
请填写推刊名
描述不能大于100个字符!
权限设置： 公开
仅自己可见
正文不准确
标题不准确
排版有问题
主题不准确
没有分页内容
图片无法显示
视频无法显示
与原文不一致随笔 - 90&
文章 - 0&评论 - 86&trackbacks - 0
WebStorm是一个捷克公司开发的，功能虽然很强大，但UI貌似一直不是东欧人的强项。WebStorm默认的编辑器颜色搭配不算讲究，我看习惯了VS2012的Dark Theme，再看这个顿觉由奢入俭难，非得改改颜色才行。
新建Scheme + 修改字体
ctrl+alt+s打开Settings界面，Editor & Colors&Fonts & Font。
Default scheme是亮色调，但我想定制一套暗背景的环境，所以在右侧Scheme name下拉框中选择Monokai，以此作为修改的基础，然后点击Save as，给自己新建的Scheme起个名字吧，如下图：
这里面可以设置字体（我一般选择Consolas），字体大小，行间距。
自定义语法高亮
用ctrl+alt+s打开Settings界面，Editor & Colors&Fonts。
不同语言有各自的语法高亮规则，但有一部分是通用的（General），我们首先来设置General，然后再根据需要设置不同语言的语法高亮。
General的设置
普通文本：default text
折叠文本: Folded text
光标: Caret
光标所在行: Caret row
行号: Line number
TODO: TODO default
光标下变量高亮：Search result
搜索结果：Text search result
匹配的括号：Matched brace
不匹配的括号：Unmatched brace
未使用的符号：Unused symbol
左边空隙（行号，断点）：Gutter background
选中的文本背景色：Selection background
选中的文本前景色：Selection foreground
区分语言的设置
举例来说，如果要更改Javascript的语法高亮，就在上图中选择Javascript，然后再进行详细设置。具体设置项就不赘述了。
显示行号 + 自动换行
如果用Vim编程，行号是非常必要的辅助。WebStorm默认是不显示行号的，没关系，显示行号非常的容易。
只要在代码左侧的gutter区域点右键，就会出现下图的菜单：勾选上Show Line Numbers即可。
另外，勾选上图中的Use Soft Wraps就启用了WebStorm的自动换行的功能，即过长的代码行不会超出屏幕，不会出现横向的滚动条。
值得一提的是，标准的Vim，jk是移到上一行下一行，如果代码自动换行了，被分割成的两行虽然看起来是两行，但其实是一个逻辑行，这时候用jk是上移下移一个逻辑行。这种情况下，如果要从同一逻辑行的&第一行&移动到&第二行&，需要按gj，即先按g再按方向。虽然Vim提供了这个方法，但还是经常按错。
好消息是，启用了Use Soft Wraps的WebStorm不需要这样，直接按j就可以从同一逻辑行的&第一行&移动到&第二行&。
导入导出设置
File & Export Settings导出用户设置。如下图，你可以选择要导出哪些类型的设置，也可以选择导出到哪个目录下。
导出后的配置以jar包的形式存在，导入也同样简单，File & Import Settings，选择jar包导入成功后，重启WebStorm就大功告成了。
以下是我自定义的IDE配置，注意下载后需先解压缩成jar包
阅读(...) 评论()公司打算搞nodejs &当然必选web前端开发利器 webStrom 下载地址：
node 在windows平台下有两中配置一种全局配置，这里的npm主要是辅助&
& webStrom 扩展npm&
& &Run/Debug Configurations && Defaults&&Nodejs&&Before Launch :External tool&& Add&&Run External tool&&
Program ：Node.js 所在额外文件夹路径 &例如：D:\Program Files\nodejs\npm.cmd
Parameters: &$Prompt$ 执行命令路径
Working directory :$ProjectFileDir$ & 所在文件夹
参考知识库
* 以上用户言论只代表其个人观点，不代表CSDN网站的观点或立场
访问：118993次
积分：2366
积分：2366
排名：第11751名
原创：96篇
转载：91篇
评论：26条
(6)(2)(1)(1)(1)(4)(1)(1)(4)(3)(6)(1)(1)(4)(1)(6)(8)(11)(4)(9)(31)(17)(3)(21)(22)(5)(19)第一步，新建一个项目，我这里建立了基于express 的node项目
第二步：将JavaScript语言版本切换为ECMAScript6
点击File &&settings,弹出设置框。把js的版本设置为： ECMAScript 6 &
第三步： &紧接着配置javascript的下的选项， 并点击apply启用。并点击OK按钮。
第四步：&安装 Babel CLI 并配置 File Watchers 实现自动转译。第三步安装完，就出现了下面的提示。
在 WebStorm 中打开 Terminal，进入项目的根目录下，键入 &&npm install --save-dev babel-cli
第五步： 点击上面的Add watcher，【如果没有出现第三步的提示，则可以通过，file-&settings-tools-file watcher来进行添加Babel】弹出如下窗口，点击OK.【配置 WebStorm 的 File Watchers 以实现自动转译我们编写的 ES6 代码。】
第六步：安装 ES2015 preset，ES2015 preset会自动转译那些需要转换为 ES5 的 ES6 代码。
npm install --save-dev babel-preset-es2015
&第七步，回车开始安装。完成后，会在项目目录下增加一个&.babelrc&文件，打开它键入以下代码即可开启 preset：
"presets": ["es2015"]
阅读(...) 评论()

我要回帖

更多关于 通达信侧边栏修改 的文章

 

随机推荐