美文网首页
前端实用软件(开发环境)

前端实用软件(开发环境)

作者: 爱吃炸鸡的Banana | 来源:发表于2020-11-20 16:42 被阅读0次

    (这些都只是小编本人暂时使用频率较高的软件)

    1.vscode(编辑器) 

    复制链接到浏览器下载 : https://code.visualstudio.com/

    视频详解:https://www.bilibili.com/video/BV1HD4y1U77Y/(新手入门必看)

    支持官方中文,插件极其丰富.

    VSCode安装插件步骤

    eg:

    1.Auto Close Tag : 自动闭合标签

    2.Auto Rename Tag : 修改标签时自动修改后面结束标签为相同的标签名

    3.Beautify css/sass/scss/less : 格式化css、scss、less文件格式,配合在设置中设置的保存自动格式化,格式化插件不要装好几个 会起冲突

    4.Chinese (Simplified) Language Pack for Visual Studio Code : 汉化插件

    5.Live Server : 保存时自动刷新页面,建议大家写静态的时候使用这个插件,js阶段不建议使用,只能通过打开文件夹方式的文件打开

    6.open in browser : 右键用浏览器打开网页

    7.Live Server : 右键打开Open with Live Server网页自动同步更新

    8.Path Intellisense : 路径的提示自动补全

    9.Sublime Text Keymap and Settings Importer : sublime的快捷键.

    10.Color Info : 颜色插件,在颜色上悬停光标,可以预览颜色相关的信息.

    11.CSS Peek : 追踪类名,可以在类名出处,Ctrl+单击,跳转到相应css代码处.

    12.Rainbow Brackets: 彩色括号;等等

    (皮一下)坤坤鼓励师,超级鼓励师等,有些减压小游戏.

    超级鼓励师插件 坤坤鼓励师插件

    2.Chrome谷歌浏览器

    复制链接到浏览器下载 : https://fshiqian.lanzous.com/ibt52xa

    视频详解 :https://www.bilibili.com/video/BV1D54y1S7wB/(新手入门必看)

    简洁,快速.对HTML5和CSS3的支持也算比较完善.插件系统强大.各种辅助工具、屏蔽广告、开发工具等等.搜索引擎可直接调为百度.

    右击检查可对代码进行调试,后记得在编辑器更改.

    3.Snipaste(截图软件)

    复制链接到浏览器下载 : https://fshiqian.lanzous.com/ibt4e3g

    ps: 解压后可以直接使用,如果想放在桌面可以右键发送到桌面

    可以截图放在桌面置顶显示(可贴图),取色器,自带基本的图片编辑和画图工具.

    4.MarkMark(图片测量工具)

    复制链接到浏览器下载 : http://www.downcc.com/soft/74265.html

    测量长度、区域.绿色免安装.使用精灵图时,可用区域框定位出(X,Y,width,height)的值

    测量长度 精灵图定位

    5.网易有道词典

    复制链接到浏览器下载 :

    https://softdown.zol.com.cn/tuiguang/detail/32/313019.shtml?tab=1900687

    可按快捷键Ctrl+Alt+D截屏翻译,还有mini模式缩小的一块,不会的单词及时搜.

    6.遨游浏览器

    复制链接到浏览器下载 : https://www.maxthon.cn/

    需进行练习拿页面素材时,可进行整体页面截屏,并图片视频等的下载(页面加载完毕后进行),供学术交流学习使用.

    页面整体截屏 页面素材获取

    相关文章

      网友评论

          本文标题:前端实用软件(开发环境)

          本文链接:https://www.haomeiwen.com/subject/skcdiktx.html