sublime,webstrom,vscode的使用感受,以及对于vue和webpack的支持,还有一些快捷键使用心得

从最开始用sublime3到webstrom再到vscode,我的感觉如下: sublime首次加载项目文件速度较快,每次装插件有点麻烦,插件很丰富,也很好用. webstrom首次加载项目文件速度奇慢无比,尤其对于webpack依赖的模块较多的时候. vscode是一个前同事推荐的,秒开项目,称它为最快加载速度的编辑器,确实也配得上. 记得刚来公司工作的时候,我的电脑是一台4G内存的旧电脑,最开始是用的sublime,刚开始就切切页面,并兼容IE6,没什么问题.后来换成webstrom也没事,…

sublime和vscode 格式化Json ——两步走

目录 1.问题来源 2.sublime安装插件方式 3.使用方式 4.扩展:对于软件vscode 1.问题来源最近做数据匹配任务,需要生成很多json文件,但是每个json文件又太大,想要逐字段(key)检查,实在是太费眼,而且容易看错.因此每次生成的json文件,都要将其放置网站https://www.bejson.com/,然后再选择格式化校验转换格式,这样实在麻烦,而且一旦电脑连接不上网络,就没法使用了. 因此打算用sublime或者vscode将json数据格式化,正好sublime中…

Sublime和VSCode生成基础HTML代码

我们在编写前端页面时,常希望能自动生成基础的HTML代码.而在Sublime和VSCode就有这样的功能在Sublime中,在编辑栏输入html,然后敲Tab键,则自动生成代码如下: <!DOCTYPE html> <html> <head> <title></title> </head> <body> </body> </html> 在VSCode中,在编辑栏输入!,然后敲Tab键,则自动生成代…

Sublime Text 3 常用插件以及安装方法(vue 插件)

使用Package Control组件安装也可以安装package control组件,然后直接在线安装: 按Ctrl+` 调出console 粘贴以下代码到底部命令行并回车: { import urllib.request,os; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); urllib.request.install_opener( urllib.request.build…

解决VSCode中使用vetur插件格式化vue文件时，js代码会自动加上冒号和分号

解决VSCode中使用vetur插件格式化vue文件时,js代码会自动加上冒号和分号在设置中把"vetur.format.defaultFormatter.js": "prettier", 改为 "vetur.format.defaultFormatter.js": "vscode-typescript"…

谈下sublime和vscode

sublime用了好多年一直没有换掉它的体积小运行启动快用着一直很顺手,而且也有不少的插件可以去安装, 而相对于vscode 开始觉得他启动慢有点笨重的感觉,可能是我电脑原因用着卡卡的所以一直没换成这个, 但是现在大部分前端开发人员都在用这个于是又用上了一段时间,特别喜欢它的可以整理文件夹折叠对于我这个喜欢折叠文件的人来说这个功能比sublime省了不少事比较下来写下心得, 两者的差异网上各有千秋, 本文只记录下两者的使用方法 sublime3插件安装一:可以直接下载安装包解压缩到P…

MAC终端命令行下用sublime、vscode、atom打开文件或目录

要知道,有时候一些小技巧,能极大的加大我们的工作效率. 在MAC下开发,用的最多的还是终端,我的终端环境是iterm2+ohmyzsh:步入正题前先给大家介绍几个小技巧: 第一个: 打开findle,然后找到我的项目目录,然后我用安装好的Go2shell打开当前目录的终端.如下: 说实话,很方便,总比先打开终端然后一步一步cd进去好多了.相信很多人都知道这个东西,不知道的自己搜名字去下载把. 第二个: 相信大家都会打开不止一个终端窗口,大家是不是这样做的:command+T或者comman+D,…

在vscode中使用eslint+prettier格式化vue项目代码 (转载)

ESlint:javascript代码检测工具,可以配置每次保存时格式化js,但每次保存只格式化一点点,你得连续按住Ctrl+S好几次,才格式化好,自行体会~~ vetur:可以格式化html.标准css(有分号 .大括号的那种).标准js(有分号 .双引号的那种).vue文件,但是!格式化的标准js文件不符合ESlint规范,会给你加上双引号.分号等, Prettier - Code formatter:只关注格式化,并不具有eslint检查语法等能力,只关心格式化文件(最大长度.混合标签和空…

vscode中使用beautify插件格式化vue文件

1.点击设置,找到beautify.language并在html一栏里加上vue "beautify.language": { "js": { "type": [ "javascript", "json" ], "filename": [ ".jshintrc", ".jsbeautify" ] }, "css": [ &quo…

vscode代码保存时自动格式化成ESLint风格（支持VUE）

一.问题 vscode的默认的代码格式化ctrl+shift+f 无法通过eslint的代码风格检查是一个非常蛋疼的问题同样在进行vue项目开发的时候,使用eslint代码风格检查是没啥问题的,但是eslint自动格式化是我想去搞出来的. 在保存的时候,能够使得vscode代码自动格式化成eslint风格的代码,并且支持在html和vue中的代码二.解决 1.安装 eslint 插件 2.打开用户配置在用户设置中填写如下配置: { "eslint.autoFixOnSave":…

vscode新版1.31.1使用代码检查工具ESlint支持VUE

1.VSCODE中安装ESlint省略 2.菜单文件->首选项->设置->扩展->ESLint 打钩:Eslint:Auto Fix On Save 点击此链接:在settings.json中编辑 "eslint.autoFixOnSave": true 在此后面粘进去以下代码,即可. "eslint.validate": [ //开启对.vue文件中错误的检查 "javascript", "javascrip…

sublime text 3插件改造之AutoFileName去掉.vue文件中img标签后面的width和height，完全去掉！！

在.vue文件中img标签使用autofilename提示引入文件时,会在文件后面插入宽度高度,如下图: 文件后面会自动插入height和width,其实这两玩意儿在大多数时候并没卵用,然后就开始了百度之旅... 一番百度,github之后,并没有找到自己想要的答案,github上说可以配置afn_insert_dimensions,afn_insert_width_first.参考github github 实际实验之后发现被坑得很惨,这两货怎么改变好像都没啥卵用.然后想到了修改插件源码...…

2022最新最详细必成功的在Vscode中设置背景图、同时解决不受支持的问题

文章目录 1.效果展示 2.设置背景图的详细步骤 2.1 .下载background插件 2.2 .选择扩展设置 2.3 .在setting.json中编辑 2.4.对应的配置文件 2.5 .重启电脑(或者管理员身份重新运行vscode) 3.遇到的问题 3.1 图片显示后.会出现不支持的提示.不影响使用.但是影响心情呐 3.2 解决方法 3.2.1.下载插件`Fix VSCode Checksums` 3.2.2 .按组合键`ctrl+shift+p` 然后输入这个 3.3.3.重启VScod…

sublime点击预览未起作用?教你如何设置支持浏览器预览

我用的text3版,其他版本未试,但应该也有效. 安了个view in browser插件,然而点击预览未起作用. 搜解决方法,发现了另一个插件,sidebar enhancements,设置快捷键预览,非常方便,安装设置方法如下: preferences/pacage control/install pacage/sidebar……ts/,安装完毕: preferences/keybindings user,打开: 在数组框[]中,加入: [// chrome{ "keys": [&…

vscode 修改（自定义）插件的快捷键

简单的使用了一下vscode,已经感受到了它的强大. 修改插件的快捷键: 1.快捷键command+k 按完之后再按command+s,弹出一个快捷键列表(code->首选项->键盘快捷方式). 2.“搜索按键绑定”中搜索你要更改的插件命令,如下图:…

Python语言认识和实用工具(1)

目录 1. Python语言概述 2. Python使用注意事项 3. Python学习工具 1. Python语言概述 Python是一种计算机程序设计语言.是一种动态的.面向对象的脚本语言,语言默认后缀为.py.经过多年发展,已经在系统编程.网络爬虫.人工智能.科学计算.系统运维.WEB开发等多个领域广泛应用.在网络爬虫方面,Python的常用框架有grab.scrapy和pyspider等多种网络爬虫框架和爬虫系统,在人工智能方面有TensorFlow.PyTorch等多种开发框架,在…

论如何入门地使用vscode

微软大法好啊这货更像是个gedit 以下内容只适合Oiers使用本文档只适合新手引导的阶段使用下载这个是链接可见这东西是和Emacs一样跨系统的不知道为什么下载速度贼快配置还记得我们用Emacs的时候配置那叫一个可怕虽然使用vscode也要配置不过我们在配置它的时候就比Emacs方便多了自己感受一下吧插件这个可能也对应着emacs里的配置推荐先把所有名称里有c++什么的都下载下来之后也可以按需下载, 什么Markdown,Python等几乎所有的语言插件都可以下载…

前端工程师手中的Sublime Text

原文地址:http://css-tricks.com/sublime-text-front-end-developers/ 我的Blog:http://cabbit.me/sublime-text-front-end-developers/ 翻译时候夹带了私货- ^_^ Sublime Text算是前端开发中最常使用的文本编辑器之一,对于前端工程师来说熟悉手中的编辑器就像熟悉筷子一样重要.Sublime Text的入门文章网上已经太多了,本文只关注能提升前端工程师工作效率的技巧和插件. 语法高亮…

sublime text配置记录

代码编辑器有一直都有在尝试新的,如brackets/vs code/webstrom,最后还是用回sublime,每次要重新安装的时候都需要上网搜索相关配置资料,特些记录,以备下次使用: 下载地址下载地址(sublime text3)如果要下载2的只需把最后的数字3改成2即可:http://www.sublimetext.com/3 Package Control安装必备工具Package Control的安装,按快捷键Ctrl+'或者通过view->show console把下面代码粘贴进…

20 个强大的 Sublime Text 插件

20. FTPSync 默认情况下SublimeText不具备FTP的功能,如果你正在寻找能在您的SublimeText应用程序中使用的免费和易用的FTP工具,你可以考虑FTPSync.这是一个非常简单的FTP同步工具,它可以控制上传目标的多重命名. 19. SASS Build SASS Build 是一个编写CSS的预处理器.这个特别的插件将帮助你妥善构建包括压缩选项在内的SASS文件.一旦你安装了这个插件,你可以很容易地通过按Ctrl+ B(MAC系统是 Command +B)来启动它.…

vscode奇淫记(上)

每次换editor都是一种煎熬,从最早的eclipse,sublime,webstorm到现在在用的atom,换编辑器的驱动是寻找更酷炫和轻量的平衡点,其实我真的蛮喜欢atom的,酷炫!那我这次打算入手vscode的原因有以下几点部门同事基本上都在用它 ╯□╰ 社区和atom一样活跃(最诱惑我的地方是写node能打断点以及ts编译的速度) 今天atom全局搜索存在的包文件竟然没找到!! 说换一种editor是一种煎熬是因为你需要配置样式和插件并掌握部分快捷键和高级功能,下面我会介绍一些入坑奇淫…

vscode前端常用插件推荐，搭建JQuery、Vue等开发环境

vscode是微软开发的的一款代码编辑器,就如官网上说的一样,vscode重新定义(redefined)了代码编辑器.当前市面上常用的轻型代码编辑器主要是:sublime,notepad++,editplus,atom这几种.比起notepad++.editplus,vscode集成了许多IDE才具有的功能,比起它们更像一个代码编辑器:比起sublime,vscode颜值更高,安装配置插件更为方便:比起atom,vscode启动速度更快,打开各种大文件不卡.可以说,vscode既拥有高自由度.又…

VSCode打开多个项目文件夹的解决方法

最近从sublime转vscode,自然而然就会把sublime的一些习惯带过来,其中有一点让人头疼的是: 当把一个文件夹拖进vscode里面的时候,会把原来的文件夹覆盖掉,这就意味着不能同时在vscode中打开多个文件夹,用过sublime的同学都知道直接把文件夹拖进去就可以了,如下图: 那么怎么解决不能同时在vscode中打开多个文件夹的问题呢?相信大部分人都会百度答案的,那么在别人的答案里,都可以说是不怎么完美.先来看下别人的方法: 第一种:新建VSCode窗口第二种:用一个文件夹可以…

VSCode中C/C++库文件的配置

VSCode中C/C++库文件的配置之前一直在是用sublime做主要编辑器,现在主要使用VSCode,毕竟大厂制作,从目前的使用情况来看,我更喜欢使用VSCode编辑器. 有时候会用VScode来组件C/C++工程,并且用到了一些外部依赖的库文件,比如OpenCV.此时希望VSCode的代码提示功能能够提示OpenCV中的函数,这时候就需要配置工作空间中的C/C++编译环境. 如果你使用过sublime或者VSCode,就知道Ctrl+Shift+P可以调出控制窗口,那么先按下Ctrl+Sh…

VSCode调试Html中的脚本 vscode前端常用插件推荐，搭建JQuery、Vue等开发环境 vsCode 添加浏览器调试和js调试的方法总结 VS Code - Debugger for Chrome调试js

一.背景使用Visual Studio Code写了一个简单的Html页面,想调试下其中script标签里的javascript代码,网上查了一通,基本都是复制粘贴或者大同小异的文章,就是要安装Debugger for Chrome插件,修改launch.json配置信息,F5启动,这些都照做了,但是仍有两个问题,一个是Html文件里不能打断点,只能在js文件里面打,二是chrome打开后说连接不到localhost,下面分别讲讲是怎么解决. 二.Html文件中不能打断点问题默认情况下,VS…

万字长文把 VSCode 打造成 C++ 开发利器

https://zhuanlan.zhihu.com/p/96819625 面对大量代码,在开发任务繁重场景下,VSCode 绝对是一把利器.本文虽以 C++为引,但在 python.php.java 等中后台语言方面支持也很强大,对 js.css 等前端技术支持上更加厉害.简言之,只需安装一个 IDE(VSCode),就能解决你在大型项目多语言.任务繁重.跨平台场景下的开发需求.本文以介绍配置方法为主,虽看似长,但实际在 30 分钟内绝对完成.一招在手,天下我有. 1. 为什么是 VSCode…

vscode 前端常用插件推荐

1. vscode 简介vscode是微软开发的的一款代码编辑器,就如官网上说的一样,vscode重新定义(redefined)了代码编辑器.当前市面上常用的轻型代码编辑器主要是:sublime,notepad++,editplus,atom这几种.比起notepad++.editplus,vscode集成了许多IDE才具有的功能,比起它们更像一个代码编辑器:比起sublime,vscode颜值更高,安装配置插件更为方便:比起atom,vscode启动速度更快,打开各种大文件不卡.可以说,vs…

<IDE>vscode前端常用插件推荐，搭建JQuery、Vue等开发环境

VSCODE开发VUE.JS前端插件

VUE前端插件.转载自:https://www.cnblogs.com/karthuslorin/p/8577224.html vscode是微软开发的的一款代码编辑器,就如官网上说的一样,vscode重新定义(redefined)了代码编辑器.当前市面上常用的轻型代码编辑器主要是:sublime,notepad++,editplus,atom这几种.比起notepad++.editplus,vscode集成了许多IDE才具有的功能,比起它们更像一个代码编辑器:比起sublime,vscode颜…