分类：webstorm

2021
06-23

如何使用Webstorm和Chrome来调试Vue项目

前言在项目开发中,Debug模式是非常有必要的，后端对于IDEA工具而言Debug模式非常方便,但前端WebStorm而言如果启用Debug模式是需要单独去配置一些东西,所以这里整理自己搭建成功的过程分享出来。可能不同的Webstorm版本会导致效果不一样，所以这里先列出我的版本。Webstorm版本:2018.3.4一、新建Vue项目为了演示一个完整的示例,所以从创建项目开始，这里通过vue脚手架命令开始创建一个项目vueinitwebpackdebug-vue如果运行成... 继续阅读 >

2021
02-21

WebStorm无法正确识别Vue3组合式API的解决方案

1问题描述Vue3的组合式API无法在WebStorm中正确识别，表现为defineComponent等无法被识别：2尝试方案猜想这种问题的原因是无法正确识别对应的Vue3库，笔者相信WebStorm是可以做到的，只是某些配置没有正确，笔者尝试过在设置的Libraries中勾选上node_modules，但是没有效果。3解决办法最终的解决办法参考了此处（图源）：选择node_modules文件夹，右键选择MarkDirectoryas，最后选择NotExcluded即可。之后会花费一段时间索引... 继续阅读 >

2021
02-02

如何用Idea或者webstorm跑一个Vue项目(步骤详解)

现在vue.js几乎是程序员必会的前端框架啦~今天就学习记录一下怎么运行一个vue项目无论是Idea还是webstorm，都是一样的操作。去网上随便找一个开源项目，以下就是操作的流程，不管是用webstorm还是idea界面都一样。第一步：终端输入npminstall命令第二步：配置这里第三步：第二步点开以后就是这个界面其中，name自己随便写package.json的路径scripts这里写dev还是serve,看json文件配置第四步:这就是配置文件，里面是命令第五步：运... 继续阅读 >

2020
12-02

基于vue项目设置resolves.alias: '@'路径并适配webstorm

在webpack的配置项中添加下面代码functionresolve(dir){returnpath.join(__dirname,dir)}webpackConfig={resolve:{alias:{'@':resolve('src')}}}然后再设置一下下，在你的IDE中按住CTRL就能根据路径跳转到对应文件了描述：ctrl+alt+s搜索webpack然后选择\node_modules\@vue\cli-service\webpack.config.js文件点击OK以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持自学编... 继续阅读 >

2020
11-29

WebStorm安装配置教程

本文为大家分享了WebStorm安装教程，供大家参考一、简介WebStorm是jetbrains公司旗下一款JavaScript开发工具。目前已经被广大中国JS开发者誉为“Web前端开发神器”、“最强大的HTML5编辑器”、“最智能的JavaScriptIDE”等。与IntelliJIDEA同源，继承了IntelliJIDEA强大的JS部分的功能。二、安装教程官方下载地址：https://download.jetbrains.8686c.com/webstorm/WebStorm-2020.2.2.exe自学编程网下载地址：https://www.jb5... 继续阅读 >

2020
10-10

在webstorm中配置less的方法详解

首先你要有node和npm的环境，没得话先下载。https://nodejs.org/en/然后下载lesscnpminstallless-gnpminstallless-gcnpm用的是淘宝镜像-g全局下载上面的那个地址你先复制好，我的是这个：C:\Users\18309\AppData\Roaming\npm\lessc然后看着这个图弄：把上面的路径复制过来后面再加上.cmdC:\Users\18309\AppData\Roaming\npm\lessc.cmd我的是这个，然后重启。新建一个less文件写点东西，比如我的这个：body{width:100px;... 继续阅读 >

2020
10-10

IntelliJ IDEA2020、pycharm、webstorm激活永久激活及使用教程(总目录篇) 原创

IntelliJIDEA的简介  IDEA全称IntelliJIDEA，是用于java语言开发的集成环境（也可用于其他语言），IntelliJ在业界被公认为最好的java开发工具之一，尤其在智能代码助手、代码自动提示、重构、J2EE支持、Ant、JUnit、CVS整合、代码审查、创新的GUI设计等方面的功能可以说是超常的。IDEA是JetBrains公司的产品，这家公司总部位于捷克共和国的首都布拉格，开发人员以严谨著称的东欧程序员为主。官网介绍  ... 继续阅读 >

2020
10-10

WebStorm 11.0.4安装图文教程

本文为大家分享了WebStorm11.0.4安装教程，供大家参考★★★特别推荐：最新WebStorm2020.2注册码永久激活(激活到2089年)下载与安装（1）首先打开浏览器，输入网址‘下载地址'，进入webstorm官网的下载页.（2）下载11.0.4forwindows(exe).（3）下载完之后安装，双击打开webstorm11.0.4这个程序（4）单击Next按钮（下一步），选择browse(选择安装的路径)，默认路径为‘C:\ProgramFiles(x86)\JetBrains\WebStorm11.0.4',选择... 继续阅读 >

2020
10-10

Webstorm开发工具使用教程详解

Webstorm使用教程详解，供大家参考，具体内容如下Webstorm垂直分栏、左右分栏Webstorm主题、背景、颜色等设置的导入导出使用WebStorm开发web前端网页中文乱码问题的解决方案★★★特别推荐：最新WebStorm2020.2注册码永久激活(激活到2089年)Webstorm主题、背景、颜色等设置的导入导出1、导出设置2、导入设置Webstorm垂直分栏，在需要分栏的文件上右击，选着垂直拆分。就可以拖动，形成左右分栏使用WebStorm开发web前端网页中... 继续阅读 >

2020
10-10

WebStorm 2019.2安装配置方法图文教程（激活注册）

前言：众所周知WebStorm是jetbrains公司旗下一款JavaScript开发工具。目前已经被广大中国JS开发者誉为“Web前端开发神器”、“最强大的HTML5编辑器”、“最智能的JavaScriptIDE”等。与IntelliJIDEA同源，继承了IntelliJIDEA强大的JS部分的功能——反正用着爽就行。★★★特别推荐：最新WebStorm2020.2注册码永久激活(激活到2089年)WebStorm下载官网地址：http://www.jetbrains.com/webstorm/自学编程网下载地址：https://ww... 继续阅读 >

2020
10-10

WebStorm安装配置方法图文教程

本文为大家分享了WebStorm安装配置方法图文教程，供大家参考★★★特别推荐：最新WebStorm2020.2注册码永久激活(激活到2089年)一、简介WebStorm是jetbrains公司旗下一款JavaScript开发工具。被广大中国JS开发者誉为"Web前端开发神器"、"最强大的HTML5编辑器"、"最智能的JavaScriptIDE"等。二、安装官网地址：http://www.jetbrains.com/webstorm/自学编程网下载地址：https://www.jb51.net/softs/598714.html去官网下载最新版本... 继续阅读 >

2020
10-10

webstorm建立vue-cli脚手架的傻瓜式教程

webstorm文件->new->project1、尽量不要勾选Usethedefaultprojectsetup(babel,eslint)默认建立的项目好多的配置不全，后期再装很麻烦。2、点击create后出现以下选项，按键盘上下键选择默认（default）还是手动（Manually），如果选择default，一路回车执行下去就行了（注：现在vue-cli3.0默认使用yarn下载），这里我选择手动3、选择配置，这时你会看见一些选项，你要集成什么就选就行了，我这里选个我比较常用的（... 继续阅读 >