手机浏览 RSS 2.0 订阅 膘叔的简单人生 , 腾讯云RDS购买 | 超便宜的Vultr , 注册 | 登陆
浏览模式: 标准 | 列表查看gouki的文章

phpstorm/webstorm中如何识别 vite 项目的@

Submitted by gouki on 2023, September 13, 10:41 PM

在使用 phpstorm/webstorm 进行前端开发的时候，一般会设置 alias，比如@，但在 IDEA 中，如果项目是 vite/vuejs 的时候 ，无法识别路径。

网上教程很多，什么设置.eslintrc.js / jsconfig.json / tsconfig.json 之类的，但其实重启 IDE 后仍然无法识别。
 
查了一下资料，原来目前 phpstorm 对@的 alias，只支持 webpack，也就是说，如果你的前端项目是 webpack 的，其实是能够识别的。因此，只要在项目根目录下，随便建一个文件，尽量不要叫 webpack.config.js，以防被项目自动识别。你可以建一个 alias.config.js，内容如下：
JavaScript代码
  1. const path = require("path");  
  2. module.exports = {  
  3.   resolve: {  
  4.     alias: {  
  5.       '@': path.resolve(__dirname, 'resources/js'),  
  6.       '~': path.resolve(__dirname, 'resources')  
  7.     }  
  8.   }  
  9. }  
看到这个 resource/js 就知道当前是在 laravel 项目下面了。
在 Ide 的 setting中 ：
Languaes & Frameworks > Javascript > Webpack ，选择手动，指定 alias.config.js ，确定后，再打开 *.vue 文件，会发现原来的 import 文件都能够自动识别了。
 

Tags: vite, laravel, webpack, phpstorm, webstorm

Javascript | 评论:0 | 阅读:120

tailwindCss与 elementUI 的冲突解决

Submitted by gouki on 2023, September 12, 11:39 PM

 解决 tailwindCss 与 elementUI 最简单办法就是

1、在 app.js(或main.js)中，先加载 tailwindCss 再加载 elementUI 和相关 css
2、在 tailwind.config.js 中，plugins节点下，增加：
JavaScript代码
  1. plugin(function ({addBase}) {  
  2.   addBase({  
  3.     ".el-button": {  
  4.       "background-color": "var(--el-button-bg-color,val(--el-color-white))"  
  5.     }  
  6.   })  
  7. }),  
 
说白了，就是继续针对 el-button 重新赋值。
再打开页面就完全正常了。
 

Javascript | 评论:0 | 阅读:247

取消[连供墨盒]的文章置顶

Submitted by gouki on 2023, September 9, 10:38 AM

疫情过去了，娃的学校也不需 天天打印了。因此打印机也已经吃灰了。所以也就不需要记这些事情

原标题是：canon连供吸墨相关问题 
也就再也不置顶了。

Misc | 评论:0 | 阅读:296

我一直认为已经没用的laravel-ide-helper还在更新

Submitted by gouki on 2023, September 5, 10:14 AM

 如题，真没想到barryvdh/laravel-ide-helper还在更新。毕竟现在phpStorm已经功能这么强大了，我想它应该是没有用了吧！结果在看到LaravelQuery的插件时，提到了它，同时提到的还有LaravelIdea。毕竟 LaravelIdea是要钱的。还挺贵。所以又composer require了一下barryvdh/laravel-ide-helper。

 
然后php artisan ide-helper:model，发现他把scopeFilter这样的方法加进注释啦，这个确实挺方便。不然每次我都 要自己在写了scope方法后，还得主动到注释里加上。否则 IDE会认不出 filter()后的方法。
 
例如：
PHP代码
  1. function scopeIsActive($query ){  
  2.     $query->where('status','=','active');  
  3. }  
在用的时候 Model::query()->isActive()->get(); 写到 isActive()后，后面的方法都认不出来。
因此，在这时候 只能在Model类里加入
PHP代码
  1. /** 
  2.  * @method static \Illuminate\Database\Eloquent\Builder|ModelName isActive() 
  3.  */  
当然不是不能写，只是每次这么写就有点累罢了
其他的生成对 phpstorm来说感觉用处没有那么大，当然如果你象官方那样进行扩展的话，倒也不是不可以。
 
 

PHP | 评论:0 | 阅读:193

belongsToMany的备份

Submitted by gouki on 2023, September 4, 3:23 PM

 纯备份，长时间不用的时候 直接就忘了

 
PHP代码
  1. class Shop{      
  2.     /** 
  3.      * 员工 
  4.      * @return \Illuminate\Database\Eloquent\Relations\BelongsToMany 
  5.      */  
  6.     public function staffs()  
  7.     {  
  8.         // 1、目标类 UnionUser，
  9. // 2、中间表的表名 pivot: union_user_store，
  10. // 3、中间表对应当前表的字段 :shopcode ，
  11. // 4、中间表对应目标类的字段 usercode  
  12.         //  当关联不是ID时，需要有5、6参数  
  13.         // 5、当前类对应 3的字段 (code -> 3:shopcode)  
  14. // 6、目标类对应4的字段 (usercode -> 4:usercode )  
  15.         return $this->belongsToMany(UnionUser::class, UnionUserStore::getTable(), 'shopcode', 'usercode', 'code', UnionUser::USERCODE);  
  16.     }  
  17. }  
 
---EOF--

PHP | 评论:0 | 阅读:172

Records:302412345678910›»