WebStorm

webstorm识别webpack中的@别名 方法一(推荐): 不需要配置.直接导入node_modules/@vue/cli-service/webpack.config.js.内容如下: // 这是原生的,不需要写入任何配置. // this file is for cases where we need to access the // webpack config as a file when using CLI commands. let service = process.VUE_CLI_SERVICE if (!service || process.env.VUE_CLI_API_MODE) { const Service = require('./lib/Service') service = new Service(process.env.VUE_CLI_CONTEXT || process.cwd()) service.init(process.env.VUE_CLI_MODE || process.env.NODE_ENV) } module.exports = service.resolveWebpackConfig() 方法二: 自己新建一个配置,然后在webpack中设置使用该配置(新版本的webstorm中已失效) 'use strict' const

webstorm中ES6语法配置 当我们用webstorm打开我们所构建的elma项目中的main.js文件的时候，发现有标红的红线，原因是webstorm不支持es6语法，需要配置一下。 配置方法： 打开file–>setting,做如下操作 如果想实现es6直接转化为es5，那么babel是个好选择。 Babel是一个广泛使用的ES6转码器，可以将ES6代码转为ES5代码，从而在浏览器或其他环境执行。这意味着，你可以用ES6的方式编写程序，又不用担心现有环境是否支持。 而且你还希望每次修改代码时能自动转码，所以还要用到webstorm的file watcher（当然还有其他解决方案） 首先要安装babel，同样也是使用npm安装 npm install -g babel 1 配置方式 file-settings File watcher 其中Program： 中填写的是babel的安装路径，其他的默认就好啦。这样就能实现ES6的语法支持以及ES6自动转换为ES5。 好了，开启第二个话题。 webstorm支持vuejs文件 当我们打开App.vue文件的时候，发现黑白分明啊，这说明此刻的webstorm并不支持vuejs文件，怎么办呢？还能说啥，配置呗！ webstorm安装vue插件 当我们file —》 settings的时候，找到plugin是，在搜索框中输入vue

　　虽然最新版的前端开发利器WebStorm支持了Vue，但是大部分人的WebStorm依然是默认不支持Vue的老版本（比如之前的我），所以需要手动添加WebStorm对Vue的支持。要想让WebStorm支持Vue主要分两步，第一步是安装Vue.js插件，使得WebStorm能够对Vue语法进行提示；第二步是配置Vue模板，即快速创建Vue文件。 　　1.安装Vue.js插件 　　点击Preferences进入WebStorm的配置页面，然后点击Plugins设置插件。 　　点击Browse Repositories按钮（第二个）浏览插件仓库，搜索Vue.js插件进行安装，安装完成后如下图所示。 　　 　　2.配置Vue模板 　　点击Preferences进入WebStorm的配置页面，按下图层级进入File and Code Templates，即文件模板配置。 　　 　　 　　然后点击添加模板的按钮（绿色加号按钮），输入模板名Vue，Extension（即拓展名）设为vue（意为创建出来的文件是 *.vue），输入Vue标准模板，即： <template> </template> <script> </script> <style> </style> 　　当然，按照最新WebStorm对Vue模板的设置，可以写为： <template> #[[$END$]]# <

此教程支持最新2019.2版本Pycharm及其他软件 此教程实时更新，请放心使用；如果有新版本出现猪哥都会第一时间尝试激活； pycharm官网下载地址： http://www.jetbrains.com/pycharm/download/ 此教程适用于本教程对jetbrains全系列可用例：IDEA、WebStorm、phpstorm、clion、goland等。 激活前准备工作 配置文件修改已经不在bin目录下直接修改，而是通过pycharm修改 如果输入code一直弹出来，请去hosts里移除jetbrains相关的项目 激活出问题可扫描下方二维码，加入激活群寻求帮助！ 两种激活方式 永久激活：推荐优先使用，永久有效 有效期激活：如果你实在激活不了又着急使用，这是备选激活方案，简单快捷 一、永久激活 1.下载新版破解补丁 点击链接 https://pan.baidu.com/s/112tS3XjAENIHaJ-aSCe0dA 下载补丁文件 jetbrains-agent.jar 并将它放置到 pycharm安装目录的\bin目录：/应用程序/PyCharm.app/Contents/bin下（位置可随意，放这里是怕误操作删除了破解文件）。 2.进入项目界面 如果你之前已经使用有效期激活过可跳过此步骤，如果你是刚下载的pycharm，则需要点击激活窗口的“Evaluate

此教程支持最新2019.2版本Pycharm及其他软件 此教程实时更新，请放心使用；如果有新版本出现猪哥都会第一时间尝试激活； pycharm官网下载地址： http://www.jetbrains.com/pycharm/download/ 此教程适用于本教程对jetbrains全系列可用例：IDEA、WebStorm、phpstorm、clion、goland等。 激活前准备工作 配置文件修改已经不在bin目录下直接修改，而是通过pycharm修改 如果输入code一直弹出来，请去hosts里移除jetbrains相关的项目 激活出问题可扫描下方二维码，加入激活群寻求帮助！ 两种激活方式 永久激活：推荐优先使用，永久有效 有效期激活：如果你实在激活不了又着急使用，这是备选激活方案，简单快捷 一、永久激活 1.下载新版破解补丁 点击链接 https://pan.baidu.com/s/112tS3XjAENIHaJ-aSCe0dA 下载补丁文件 jetbrains-agent.jar 并将它放置到 pycharm安装目录的\bin目录：/应用程序/PyCharm.app/Contents/bin下（位置可随意，放这里是怕误操作删除了破解文件）。 2.进入项目界面 如果你之前已经使用有效期激活过可跳过此步骤，如果你是刚下载的pycharm，则需要点击激活窗口的“Evaluate

idea最新注册码 2019快结束了 2019版本的idea激活方式。 现在找个激活码太难了好不容易找到了，随手记一下 3AGXEJXFK9

WebStorm2020最新激活码，最新教程 下方是WebStorm2020最新激活码，复制黏贴就好，使用次数有限 webstorm激活码如果不能使用 　 webstorm激活码 即可获取永久激活工具，亲测可用。 56ZS5PQ1RF

一、使用前注意事项 WebStorm一定要是在官网下载： https://www.jetbrains.com/webstorm/download/ 本教程适用于WebStorm所有版本 本教程适用于jetbrains全系列产品（Pycharm、Idea、WebStorm、phpstorm、CLion、RubyMine、AppCode、DataGrid） 二、使用教程 1.下载PJ补丁 添加微信公众号【 穿着条纹睡衣的男孩 】，回复idea补丁，获取下载链接。 新补丁文件大小为2M，如果小于2M的都是老补丁，需要从新下载哦！ 2.将补丁放在\lib目录 将刚才下载的补丁文件 jetbrains-agent.jar 放置在WebStorm安装目录里面的\lib目录下面。 注意：是\lib目录，是\lib目录，是\lib目录，重要的事说三遍。 3.进入项目界面 如果你之前用lanyu提供的有效期PJ码激活过或者用其他方式激活后过期的可跳过此步骤，进行下一步。如果你是刚下载的IDE或WebStorm，则需要点击JH窗口的“Evaluate for free”免费试用。此处一定先打开IDE，适用也行，因为要在下一步添加一个配置。 刚下载的看这里： 4.加载补丁 进入到项目界面后，点击IDE最上面的菜单栏中的 “ Help” -> “Edit Custom VM Options … ”

松哥的书里边，其实有涉及到 Vue，但是并没有详细说过，原因很简单，Vue 的资料都是中文的，把 Vue.js 官网的资料从头到尾浏览一遍该懂的基本就懂了，个人感觉这个是最好的 Vue.js 学习资料 ，因此在我的书里边就没有多说。但是最近总结小伙伴遇到的问题，感觉很多人对前后端分离开发还是两眼一抹黑，所以今天松哥想和大家聊一下前后端分离以及 Vue.js 的一点事，算是一个简单的入门科普吧。 前后端不分 后端模板：Jsp、FreeMarker、Velocity 前端模板：Thymeleaf 前后端不分，Jsp 是一个非常典型写法，Jsp 将 HTML 和 Java 代码结合在一起，刚开始的时候，确实提高了生产力，但是时间久了，大伙就发现 Jsp 存在的问题了，对于后端工程师来说，可能不太精通 css ，所以流程一般是这样前端设计页面-->后端把页面改造成 Jsp --> 后端发现问题 --> 页面给前端 --> 前端不会Jsp。这种方式效率低下。特别是在移动互联网兴起后，公司的业务，一般除了 PC 端，还有手机端、小程序等，通常，一套后台系统需要对应多个前端，此时就不可以继续使用前后端不分的开发方式了。 在前后端不分的开发方式中，一般来说，后端可能返回一个 ModelAndView ，渲染成 HTML 之后，浏览器当然可以展示，但是对于小程序、移动端来说，并不能很好的展示

IntelliJ IDEA ESLint autofix/prettier Action 搜索Actions选择Fix ESLint Problems( Cmd - Shift - A on OS X or Ctrl + Shift + A on Windows and Linux): File Watchers 保存文件时自动 eslint -- fix : 保存文件时自动 prettier -- write ： 适用于IntelliJ IDEA/PHPStorm/WebStorm 参考链接： https://www.jetbrains.com/help/webstorm/using-file-watchers.html https://blog.jetbrains.com/webstorm/2016/08/using-external-tools/ Related posts: 在IntelliJ IDEA中使用类似Sublime Text的选择功能 Webpack实时监听在IntelliJ IDEA中修改的文件 WebFont-macOS字体处理App Preload与Resource Hints 来源： oschina 链接： https://my.oschina.net/u/4329631/blog/3273765