webstorm 和 vscode 的纠结

  自从知道了 vscode 之后,尝试了一下后,就开始纠结是否要更换到vscode。 特别是在 webstorm 卡的时候。

  也研究了几日 vscode,安装了许多插件。 我是安装插件后, 就开始学习快捷键。

  虽然纠结, 不过转换也是非常快。一般查看下自己用的几个快捷键。然后看看是否支持 snippet 功能, 在webstorm

中是 Live Template, 自从发现了webstorm中的 live template,我才算真正的喜欢上这个 webstorm。同样在 vscode

中也是支持的。 网上也可以搜索到许多, 还可以将 snippet 排列在首位。 这个是很不错的。

  不过对于 vscode 的轻量, 同时就损失了很多的路径查找, 文件跳转等。 让我感觉很不方便。其实大部分的时候,

webstorm 在我的 mac 上是不卡的。所以又切回了 webstorm。

  总之, 都会用吧。

  不过也体会到了许多。 工欲善其事必先利其器, 这个只有真正舍得花费很多时间去打造你的 IDE 的人才能深切体会到。

虽然花费了很多时间, 以后提升你的代码效率是不可估量的。

  snippet,快捷键(将最常用的设置为最容易的按键,我不遵守什么 Eclipse 还是 sublime快捷,因为都可以自定义呀~)

时间: 2024-12-09 20:36:21

webstorm 和 vscode 的纠结的相关文章

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:]

初始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

静态页面实例-京东商城01

在完成整个实例过程中遇到的知识点,可能会出现知识点比较跳跃,后面在做知识点的归整. 1. 开发前的准备工作 1.1 熟悉开发环境 常用的开发环境:sublime,webstorm,vscode,Hbuilder,atom等(我现在学习期间使用的是webstorm) 1.2 建立项目文件夹包括与项目相关的文件 1.2.1 主页或是首页:index.html或default.html 1.2.2css文件夹:存放stylesheet文件,常命名为base.css或global.css 1.2.3im

前端(开发环境) 5

一: 1 IED:webstorm,sublime,vscode,atom           (插件很重要!!!) 2 网络Git服务器:coding.net    github.com 3 常用git命令: git add . (添加) git commit -m "xxx"(更新到本地仓库) git push origin master(更新到远程仓库) git pull origin master (获取最新的版本) git branch git checkout -b xxx

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

react脚手架的建立——小白入门

一.介绍:React 起源于 Facebook 的内部项目,因为该公司对市场上所有 JavaScript MVC 框架,都不满意,就决定自己写一套,用来架设Instagram 的网站. 做出来以后,发现这套东西很好用,就在2013年5月开源了. 二.React脚手架:create-react-app React 的环境搭建,是比较繁琐的,有很多的依赖:react.react-dom.babel.webpack ... 需要很多的前置知识,很容易让人从入门到放弃. 于是就诞生了 脚手架 这种东西,

cocosCreator中Protobuf的简单使用

cocosCreator中Protobuf的简单使用 proto文件格式: pro1.jpeg 准备工具: cocosCreator webStorm或者VSCode 安装node.js 下载protobufjs6.8.6 步骤: 安装protobufjs到全局 npm install -g protobufjs 使用npm install -g 参数将模块安装到全局,目的主要是方便使用protobufjs提供的pbjs命令行工具.pbjs可以将proto原文件转换成json.js等,以提供不同

Angular :一

1:下载nodejs  https://nodejs.org/en/ 2: 安装 angular CLI 因为angular-cli是用typescript写的,所以要先装这两个 npm install -g typescript typings npm install -g @angular/cli 或者: npm下载很多国外的链接,我们国内访问可能很慢或者打开不了 需要用淘宝镜像安装:cnpm,每隔10分钟同步一次 1:首先先安装cnpm npm install -g cnpm --regi

换个角度聊效率

首发于微信公众号<前端成长记>,写于 2020.01.22 换个角度聊效率 PPT地址 内容源自作者上个月部门内部的分享,本文将围绕着以下四个角色来聊: 交互设计 视觉设计 前端开发 后端开发 为什么要聊这个 京东数科CEO陈生强在杭州乌镇互联网大会上说道:产业数字化核心本就是去解决企业的效率问题. 效率的基本保障 所谓"工欲善其事,必先利其器".有了一些开发工具的辅助,我们能更高效地进行工作. 交互设计:Axure .Sketch 等 视觉设计:PhotoShop .Sk