webstorm入门1-主题和配色

1、引子

曾经介绍过 Sublime text 3 系列的文章,着重介绍了 Sublime text 3 怎样下载、安装、插件、配置等内容。

Sublime text 3的轻量和富扩展,为前端开发带来了非常多的便捷,加快了代码的书写速度,尤其是配上 emmet,那书写速度堪称光速。

如今,要隆重介绍的前端开发工具webstorm,为什么说它是前端开发工具,而不是前端开发编辑器呢?它具备的功能,不仅仅仅仅是编辑器这么简单,还包括了任务管理、历史管理、版本号管理、project管理、代码检查、代码调试等功能。当然它也有丰富的扩展,能满足前端开发的大部分要求。官方站点称之为是The smartest JavaScript IDE。以下几篇文章会慢慢的说到它的强大之处。你会认为他是世界上最好的 javascript 开发工具确实是不为过。

2、主题

在使用 webstorm 的时候,推荐使用黑色的主题,看起来更加的纯净,也会让使用者更加的专注书写代码。打开菜单配置选项:

img.png

在 IDE Settings > Appearance 的右边菜单里,选择 Theme > Darcula主题就可以。IDE Settings 指的是 webstorm 的全局配置。

3、配色

从 Sublime text 3 转过来的朋友。对默认的配色 monokia 想必很的喜欢,在 webstorm 里你依旧能够继续使用它。只是默认是没有这个配色的。须要从下载加入进去。

打开fhttps://github.com/OtaK/jetbrains-monokai-sublime 链接,然后点击右边的下载ZIP文件就可以。解压之后,会得到一个Monokai-Sublime.jar文件,这个文件就是配色的打包文件。能够使用 webstorm 导入就可以。打开菜单:

img.png

选择 Import Settings,然后选择刚才下载的Monokai-Sublime.jar文件。然后最后导入就可以。

最后来张主题和配色的预览图,是不是认为很美丽。

img.png

4、參考链接

转载于:https://www.cnblogs.com/ljbguanli/p/7149799.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
在使用webstorm导入element-ui时,可能会出现警告。这个警告通常是由于缺少样式文件导致的。我们可以通过以下几种方法来解决这个问题: 1. 完整引入Element:这种方法是在入口文件中引入Element的样式文件,可以解决警告问题。具体步骤如下: - 打开项目,使用webstorm导入element-ui。 - 在入口文件中引入Element的样式文件,可以参考中的代码示例。 - 重新运行项目,警告应该已经消失了。 2. 按需引入Element:按需引入只导入所需的Element组件和样式,可以减小打包体积。具体步骤如下: - 打开项目,使用webstorm导入element-ui。 - 执行命令 `npm i babel-plugin-component -D` 安装 `babel-plugin-component`。 - 在项目的Babel配置文件中添加以下代码: ``` module.exports = { plugins: [ ['component', { libraryName: 'element-ui', styleLibraryName: 'theme-chalk' }] ] } ``` - 在需要使用Element组件的文件中按需引入,可以参考中的代码示例。 - 重新运行项目,警告应该已经消失了。 3. 使用npm安装:如果以上方法无法解决问题,可以尝试使用npm的方式安装element-ui,这种方式能够更好地和webpack打包工具配合使用。具体步骤如下: - 打开项目,使用webstorm导入element-ui。 - 执行命令 `npm i element-ui -S` 安装element-ui。 - 重新运行项目,警告应该已经消失了。 综上所述,你可以根据你的需求选择合适的方法来解决webstorm导入element-ui的警告问题。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值