webstorm 和 vscode 的纠结

自从知道了 vscode 之后,尝试了一下后,就开始纠结是否要更换到vscode. 特别是在 webstorm 卡的时候. 也研究了几日 vscode,安装了许多插件. 我是安装插件后, 就开始学习快捷键. 虽然纠结, 不过转换也是非常快.一般查看下自己用的几个快捷键.然后看看是否支持 snippet 功能, 在webstorm 中是 Live Template, 自从发现了webstorm中的 live template,我才算真正的喜欢上这个 webstorm.同样在 vscode 中也是支…

从webstorm转vscode,来一个vscode的教程和心得总结

背景在公司跑代码,每天卡的吐血,感觉生命都被浪费了. 再在摧残了一段时间,天天想摔电脑以后,被同事安利vscode, 那就开始搞起来安装这个我真的不用说了吧插件快捷键 shift + alt + 方向上下复制当前代码,并粘贴到上或者下 alt + 方向上下移动当前行代码,到上一行或者下一行 F2 重命名函数 shift + alt + F 格式化代码 alt + 鼠标选中多出代码 shift + ctrl + p 打开命令行 ctrl + p 可以快速输入的文字查找到文件 ctr…

vscode插件和快捷键

目前用的挺多的一些编辑器有webstorm,vscode,Atom,HBuilder等等今天来说说vscode Visual Studio Code (简称 vscode) 是一款免费开源的现代化轻量级代码编辑器,支持几乎所有主流的开发语言先说下他的一些快捷键打开一个新窗口 Ctrl+Shift+N 关闭一个新窗口 Ctrl+Shift+W 侧边栏显示/隐藏 ctrl + b 文件之间切换 ctrl+tab 代码后缩进.代码前缩进 ctrl+[ . ctrl+] 复制整行代码 shift+…

vscode调试pomelo和pomelo使用vscode调试

使用vscode 通过端口remote attach进行调试 pomelo. 0. 网上好多调试pomelo的都是webstorm.或者vscode调试node的教程.但没找到vscode调试pomelo的. 1. node 环境 node 使用版本 v8.11.1 node 查看调试参数 ==> node -h 找出调试相关参数,如果你在阅读本文后调试不成功,看看是不是调试的参数不对 node inspect script.js [arguments] --inspect[=[host:]…

WebStorm 调试JavaScript

WebStorm强大的调试JavaScript功能 Vue项目调试总结-WebStorm+Chrome调试 WebStorm+Chrome插件JetBrains IDE Support进行实时调试 WebStorm和VSCode中调试代码的配置教程…

vscode 前端常用插件推荐

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

范仁义web前端介绍课程---5、webstorm的下载安装

范仁义web前端介绍课程---5.webstorm的下载安装一.总结一句话总结: webstorm破解版搜索:webstorm破解 site:52pojie.cn 编辑器随便选用,功能都差不多,哪个用的舒服就用哪个,可以先用westorm sublime3,webstorm,vscode 二.webstorm下载安装下载: Download WebStorm: The Smartest JavaScript IDE by JetBrainshttps://www.jetbrains.com…

VsCode开发Angular的必备插件

1 概述一般个人开发或者小公司开发都会使用破解版软件,除非比较尊重正版且不太缺钱的人才会用正版,但是大型公司有严格的规定,不允许员工使用盗版软件. 这时候我就不得不从WebStorm转向VsCode,至于为什么选择VsCode就不解释了,VsCode天下无敌就完事了. 不过想要搭建一套完整且顺手的环境是真的费劲,于是花了点时间试了很多插件,最后整理出一套插件. 下面的插件不是都必须的,以后发现好用的插件会继续补充的. 2 插件 TSLint:Typescript语法检查 Prettier:代码…

完全使用 VSCode 开发的心得和体会

前言我刚开始是一名 Java 程序员,陪伴我最久的老伙计是 Java 世界里面出名好用的是 Jetbrains 家族的重量级产品 Intelli IDEA 编辑器,不过 IDEA 主要是用来写代码,文本编辑,配置编辑,我都是使用 Vim,Sublime Text 3 来处理,但是随着我学习的编程语言越来越多,例如 Ruby,Go,JavaScript,我的电脑开始安装很多编辑器,具体如下: Intelli IDEA:用于编辑 Java 程序 RubyMind:用于编辑 Ruby 程序 GoLa…

初始React Native

1.何是React Native: React-Native是:Facebook 在2015年初React.js技术研讨大会上公布的一个开源项目.支持用开源的JavaScript库React.js来开发iOS和Android原生App.初期仅支持iOS平台,同年9月份,该开源项目同时支持Android平台.React Native的原理是:在JavaScript中用React抽象操作系统原生的UI组件,代替DOM元素来渲染,比如以<View>取代<div>,以<Image&g…

Flow简易教程——安装篇

.mydoc_h1{ margin: 0 0 1em; } .mydoc_h1_a{ color: #2c3e50; text-decoration: none; font-size: 2em; } .mydoc_h1_h1{ margin: 45px 0 8px; padding-bottom: 7px; font-size: 28px; } .mydoc_h1_content{ }.mydoc_p{ line-height: 1.6em; margin: 1.2em 0 -1.2em; pa…

一统江湖的大前端（5）editorconfig + eslint——你的代码里藏着你的优雅

<一统江湖的大前端>系列是自己的前端学习笔记,旨在介绍javascript在非网页开发领域的应用案例和发现各类好玩的js库,不定期更新.如果你对前端的理解还是写写页面绑绑事件,那你真的是有点OUT了,前端能做的事情已经太多了, 手机app开发 , 桌面应用开发 , 用于神经网络人工智能的库 , 页面游戏 , 数据可视化 , 甚至嵌入式开发 ,什么火就搞什么,活脱脱一个蹭热点小能手.如果你也觉得前端的日常开发有些枯燥,不妨一起来看看前端的另一番模样. 一.协作开发引发的问题前端有个很流行的段…

Vue+Django2.0 restframework打造前后端分离的生鲜电商项目（1）

1.开发环境配置 Windows7 64位旗舰版 python3.6 node.js mysql navicat pycharm webstorm或vscode 2.项目初始化新版的pycharm很贴心的让每一个新的项目,都自动会在一个虚拟环境中,放心的新建项目就可以了,不用考虑虚拟环境的事儿了 1.新建Django项目,项目名为MxShop,新建app命名为users 2.修改django版本与安装djangorestframework 使用新版的pycharm新建django项目,因为每一…

html学习_认识html

1.HTML骨架 <html>----根标签 <head>---头标签 </head> <body>---主体标签 </body> </html> 2.html主要是表现网页中的元素(内容) a.html标签: 双标签 <标签名></标签名> 单标签 <标签名 /> b.标签的相互关系: 嵌套关系(父子.孙子)---子元素最好缩进一个tab 并列关系(兄弟)--对齐就行 3.开发工具 subli…

wed前端html/css简单理解

开发工具: txt文本 / dreamwave:DW(cs6/cc) / Hbuilder / webstorm / sublime / vscode 前端: 知识架构: 3层: 结构 / 表现 / 行为 html: 结构: 标签, div, p css: 表现: 能够看到的页面的样式. js: 行为: 用户的操作. 页面的基本结构: <!DOCTYPE html>文档声明: <html> <head> </head> <body> </b…

Vue笔记--同局域网下访问本地项目

正常开发中有时间提测比较麻烦.通常让测试小姐姐连接开发本地开启的服务器访问本地项目(在同一局域网下). 其实一般项目IDE已经实现这些功能例如webstorm和vscode,有时候需要单独配置下. 但是Vue项目在本地开发环境中他们就没办法通过IDE去开启服务器,一般都是是vue-cli脚手架开启服务器的这时候就需要我们做些特别的配置了. 首先需要获取自己的ip,我本人使用mac 在iterm中输入 ifconfig en0 可以拿到自己的IP inet 10.101.2.43 window系统…

Vs code背景图

写前端代码时,用过webstorm,sublime,vscode,最终还是选择了vscode,主要原因是(好看)简洁的编程环境,丰富的插件功能.不过无论是哪一个编辑器,长时间看着黑色/白色的背景难免单调. 话不多说,详情那就看步骤吧 1.安装插件这一步很简单,直接在拓展界面搜background就行. 安装完成后,重启vscode,进入User Settings用户设置,在搜索框中打background,应该就能看到这样的设置了. 2.设置配置打开设置,在搜索框中输入background,选…

范仁义web前端介绍课程---2、web前端是干嘛的

范仁义web前端介绍课程---2.web前端是干嘛的一.总结一句话总结: 前端开发是创建Web页面或app等前端界面呈现给用户的过程,通过HTML,CSS及JavaScript以及衍生出来的各种技术.框架.解决方案,来实现互联网产品的用户界面交互. 1.web开发中的前端和后端分别是做什么的? 前端:做静态页面后端:做动态页面,写接口比如淘宝里面100W件商品,写静态的话每个商品要写一次要写100W次,动态的话就是做好一个商品的样式,根据数据和图片动态的显示 2.什么是静态网页和动态网页…

Mac电脑配置相关及软件工具安装推荐

iTerm2(https://www.iterm2.com/) 终端工具 Alfred(http://xclient.info/s/alfred.html) 快速启动器 WebStorm.VSCode.Vim都行 Moom(http://xclient.info/s/moom.html) 窗口大小管理工具微信在Mac上免手机扫码登录,支持Alfred: https://github.com/Sunnyyoung/WeChatTweak-macOS 建议在系统设置中,把 “触控板” 的所有选项都…

deepin安装下载，部署在虚拟机上

第一次接触linux就用了很久的Ubuntu,后来尝试了Manjaro.Debian,还是用了Ubuntu,但是用VM虚拟机使用的ubuntu经常卡顿.我始终觉得ubuntu的默认桌面环境gnome可能太重了,才让chrome.webstorm.vscode同时运行时很卡,经常卡屏. 后来我就换了以kde为桌面环境的kubuntu.以xfce为桌面环境的xubuntu.但是在我 13.3寸 1920x1080的笔记本下使用起来总是需要自己去定制display的scale等等才能让字体.图标.应用…

0002 认识HTML(骨架、DOCTYPE、lang、charset)

学习目标理解 1.HTML的概念 2.HTML标签的分类 3.HTML标签的关系 4.HTML标签的语义化应用 1.HTML骨架格式 2.sublime基本使用 1. HTML 初识 HTML 指的是超文本标记语言 (Hyper Text Markup Language)是用来描述网页的一种语言. HTML 不是一种编程语言,而是一种标记语言 (markup language) 标记语言是一套标记标签 (markup tag) 一句话说出html作用: 网页是由网页元素组成的 , 这些元素是…

MacBook Pro 入手一年了，到底香不香？

最近又有小伙伴问到底值不值得入手一台 MacBook Pro,松哥自己在 2018 年 10 月份的时候入手了一台,到现在为止,也用了一年多了,今天就来和小伙伴们聊一聊使用感受,至于到底值不值,需要大家自行判断. 我的第一台笔记本是大一第二学期(2012 年 4 月份)入手的,是一台 Sony 的 VAIO,这台电脑现在也一直在用,给大家录制的视频教程都是用这台电脑录制了,在接近 8 年的时间里,这台笔记本一直是我的主力机,更重要的是从来没有拿去修过,质量很棒,因此当我想要换电脑的时候,首先考虑…

SpringBoot+vue+Iview前后端分离权限内容管理CMS系统

hrcms基于springBoot框架的内容管理系统,采用最新最主流的技术,后端采用spring boot,mybatis-plus,freemaker,shiro,redis,mysql,等,主要功能:消息队列,权限控制,自定义栏目文章,扩展,内容管理,通用日志记录等. 源码地址https://gitee.com/haor186/hrcms_V1.2 目录hrcms-web: 前端代码: 请使用webstorm或vscodehrcms: 后端代码: 请使用idea或Eclipse后端:JDK:…