webstorm 主题导入方法

  • 进入 phpstorm-themes 主题下载
  • 选择喜欢的主题 (目前只确定 .icls 或 .xml 格式有效)

  • 点击 Download 下载

  • 在如下页面右键→另存为

  • 注意后缀名不要写错, 点击保存

  • 进入 C:\Users\Lenovo.WebStorm2018.1\config\colors (以自己的目录为准, colors文件夹没有的话就新建一个), 将下载好的主题复制到此文件夹内
    这里有必要提醒一下, 上述目录并非 webstorm 的安装目录!!!

  • 主题设置 (快捷键: ctrl+alt+s)

在使用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的警告问题。
评论 4
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值