我在使用VScode时安装的插件(针对前端开花推荐)

针对前端开花的VScode插件推荐

使用了大概小半年的VScode进行前端开发,虽然默认的一些功能很好用但是还是不及HBuilderX或者WebStorm使用的顺手。本人曾经安装过大量的插件优化VScode的前端编辑体验,但是按照网上的一些乱七八糟的推荐总是出现插件冲突导致语法提示失效或者有一些功能干脆就没使用过。

呐在这里F_picacho向大家分享下我在使用VScode整理出的插件清单供大家参考。

主题类

默认的VScode样式看着实在提不起干劲= =!开发过程,有一款能让自己愉快编码的主题也会在一定程度上提升编程效率和灵感。当然,不同人对于视觉的偏好是不同的。

Material Icon Theme 文件类型添加对应的图标展示
One Dark Pro 一款看着更柔顺的主题
Chinese (Simplified) Language Pack for Visual Studio Code 中文简体语言包


通用类

HTML Boilerplate HTML 模版插件

Prettier - Code formatter 一键Prettier风格

Color Info 预览色块中色彩模型的相关信息
blob

Auto Complete Tag 修改 html 标签,自动帮你完成尾部闭合标签的同步修改
blob

Live Server 建立一个本地服务器实时预览
blob

HTML CSS Support让 html 标签上写class 智能提示当前项目所支持的样式,新版已经支持scss文件检索
blob

Path Intellisense 资源文件自动路劲补全
blob

jQuery Code Snippets jQuery患者必备

blob

VUE插件类

当然个人感觉Vue最好还是用HBuilderX= =!

vetur 语法高亮、智能感知、Emmet等

VueHelper snippet代码片段

Import Cost 引入包大小计算,对于项目打包后体积掌握很有帮助


补充:
HTMLHint html代码检测

2019新的一年

BLOG的账户密码终于想起来了= =! 重置链接有问题的@白菜。

过去的很长时间白菜一直默默的维护以及丰富blog内容。

呐,再新的一年里F_picacho会与大家分享我在学习UI设计过程中的一些例子 PS的使用技巧 以及HTML编写的日记等。。

就先这样?

 

【steam】记录一次Steam个人主页美化过程

嗯,如何把steam“艺术作品”上传大家都清楚不再多说,steam艺术作品上传页

选择你需要的背景 并且获取背景连接

至于构图剪裁这个网站可以帮助到你 神奇的传送门 biu~!  在框里黏贴刚刚复制的背景网址,点击“change BG”预览效果,再点击“Download BG”即可下载已经裁好的三张图的压缩包。

PS嘛(我用的美图秀秀抠图然后合成背景额....)不多说啦。


谷歌浏览器,在网页上登录steam,并且上传目标文件。

打开Console输入以下JS命令


var num= document.getElementsByName("image_width")[0].value;

document.getElementsByName("image_height")[0].value = num-(num-1);

document.getElementsByName("image_width")[0].value= num*100;

 

如果你艺术展柜已经用掉了,想传到截图展柜,则输入下面这段代码。

document.getElementsByName("file_type")[0].value= 5;

var num= document.getElementsByName("image_width")[0].value;

document.getElementsByName("image_height")[0].value = num-(num-1);

document.getElementsByName("image_width")[0].value= num*100;


以上工作是突破Steam对于作品的上传分辨率限制。

然后会有一个非0的返回值,如果返回值为0。F5重新上传吧 = =!

同样副图也是上面的操作手法。


 

最后完成~

[分享]Moddedpe App

ModdesPE是游戏Minecraft的第三方启动器,能够在开启游戏的同时添加NMod组件。有了ModdedPE,你的游戏生活甚至可能变得更有趣。

主要功能:加载NMod组件,选择数据存储路径,切换Minecraft克隆包(共存版)……

这个应用不隶属于Mojang微软Minecraft


关于NMod 开发:

Nmod 移动版工业时代
moddedpe还提供一些实用的api方便nmod编写者使用。

版权信息

应用包名:org.mcal.moddedpe_new
支持ROM:4.2+
开发者名称:ModelPart

相关群组:Native交流群     MinecraftPE Native-Addon Laboratory


最后是F_picacho想说的话

“快来和我一起成为NMOD开发者,创造一个新的世界。”