WebStorm

好的IDE + 好的代码提示 = 高效率的开发 webstorm 设置 @ 和 ~ 别名，有助于代码查看和跳转. step 0 在项目下创建一个 webpack.config.js ，内容如下： const path = require('path') module.exports = { resolve: { extensions: ['.js', '.json', '.vue', '.ts'], root: path.resolve(__dirname), alias: { '@': path.resolve(__dirname), '~': path.resolve(__dirname) } } } 代码来源： https://github.com/nuxt/nuxt.js/issues/1881#issuecomment-338157397 step 1 设置 IDE webstorm -> file -> settings -> language & frameworks -> javascript -> webpack 指定一下 webpack.config.js 的文件路径 来源： oschina 链接： https://my.oschina.net/u/2009560/blog/3117563

第一步：给你的 Chrome 添加 JetBrains IDE Support 的插件，需要翻墙，就是下图的这个。 第二步：我们把项目跑起来，也就是运行命令，我这边是 yarn run start 　　 第三步：打开 Webstorm（Phpstorm） 的运行窗口，点击 Edite Connfigurations 添加一个JavaScript Debug name可以自定义，URL根据自己实际情况，（我这边没有在下面的 Before launch:Show this page,Activate tool window 这一栏里添加这个项目 npm start 或者 yarn start 的启动脚本，一定要先启动项目，然后在点虫子按钮） 需要设置的话，配置如下，具体命令和package.json根据实际情况配置 浏览器的配置，点击后就后开启监控 点小虫虫开始debug，谷歌浏览器会弹出一个独立的浏览器页面用于调试 重点来了，有时候你在编辑器的代码可能断点不了，可以用console.log()打印，然后在浏览器点进源码进行断点，触发时会自动联动到编辑器 来源： oschina 链接： https://my.oschina.net/u/4374544/blog/3227795

1. 首先安装vue插件，安装方法： 　　setting --> plugin ，点击plugin，在内容部分的左侧输入框输入vue，会出现两个关于vue的插件，点击安装即可。安装完成后，就可以看到，新建文件时，会有vue文件的提示。 　　如下图所示： 　　 2. 设置vue新建文件模板。 　　步骤： settings --> file and code templates .在内容区域左侧点击vue file，修改对应的模板内容即可。 　　如下图所示： 3. 设置vue文件支持的编码格式（例如：支持的缩进是2）： 　　步骤：settings --> code style,把code style 下面所有你认识、觉得会用到的内容都设置成 2，当然也包括other file types，也是设置vue格式最关键的一步。 　　如下图所示： 　　 4. vue 使用的是es6语法， 所以要将javascript的版本改成es6 　　步骤：settings --> languages& frameworks -- > javascript ,选择javascript,修改内容区域的javascript language version: ECMAScript 6 即可。 　　 5. 如果你在修改vue文件，ctrl+s 之后，dev不自动编译，请参考 http://www.cnblogs

合适的工具会事半功倍，当然也得把握分寸，要不就成了会得越多干的越多的“苦力者”。 编辑类软件层出不群，各有所长，各有所短。找到一个合适的还真是难。还好有webstorm的出现，最近又是3.0的新版本发布。为什么这么说呢，她与其它的编辑器有什么不同： 1. 任何一个编辑器都需要保存(ctrl + s)，这是所有win平台上编辑类软件的特点，但是webstorm编辑文件右上角是没有那个熟悉的米号的。 换句话说，所有的操作都直接存储，这样带来的坏处就是，没有以前的米号标识，万一键盘误操作也会被立即存储。 省去了ctrl + s之后，在结合 Firefox的vim ，基本不动鼠标就可以看到结果页面了。 2. 任何一个编辑器只要文件关闭了就没有历史记录了，但是webstorm有。就是说，只要webstorm不关闭，你的文件随时可以返回到之前的操作，webstorm关闭重启后这些历史记录就没有了。这样的坏处也是显然的，由此带来的内存消耗也必然比较大。 3. 任何一个编辑器，除了服务器svn之外，没有本地版本，但是webstorm提供一个本地文件修改历史记录。 4. 与时俱进的眼光。zencoding于2009年出现于it界，在这之后，鲜有工具直接集成到里边。webstorm 2.0之后就集成了。node.js,html5,git,cvs等 就不一一列举了。 5. 提供的插件也是比较齐全

还是在看别人 github 上项目的时候，看到好多项目目录下都会有个 .editorconfig 文件，起初看里面内容有个 md 的字符，还以为就 markdown 文件的配置来，后来有一次在 Webstorm 里配置一个 tab 键占几个空格时又发现了这个配置文件，这次细细查询了一番，感觉不起眼的 .editorconfig 还是颇有用处的。 一、为什么要用 .editorconfig ？ 在多人合作的项目中，每个人的开发习惯是不同的。以缩进来说，有的人习惯使用 space 键来进行缩进，有的人喜欢用 tab 键，有的人喜欢设置缩进为 4 个空格，有的人喜欢设置为 2 个空格。这样产生的后果就是每个人修改后的代码在格式上总是不统一的，那么提交到 git 上就会代码风格不一致，变得丑陋无比。 在此之前，我一直使用 Eslint 做代码 lint，那么为什么还要使用 .editorconfig 呢？细细想了下，应该有两个方面吧。 Eslint 确实包含 .editorconfig 中的一些属性，如缩进等，但并不全部包含，如 .editorconfig 中的 insert_final_newline 属性 Eslint 就没有。Eslint 更偏向于对语法的提示，如定义了一个变量但是没有使用时应该给予提醒。而 .editorconfig 更偏向于代码风格，如缩进等。 Eslint

使用 mongodb 的小系统 参考： https://my.oschina.net/chenhao901007/blog/312367 1. Robomongo 创建项目的数据库和数据表 参考： http://www.2cto.com/database/201604/498288.html 配置连接： Ok，连接成功齐活儿~ 一般不使用上述数据库，需新建自己的数据库 ， 鼠标移到 local 上---右键---Creat DataBase---输入 数据库名称 --- 单击 creat 即可，如下建立了一个名为 recordsDB 的数据库 ： 　　　新建的数据库 recordsDB 展开，如下图： 　　 然后，我们需要建立 collection，即建立数据表： 如下，我们建立一个名为 “users” 的用户数据表：右键Collections --- Creat Collection ... --- 填写Collection Name --- Creat 即可 　　　结果如下： 　　 数据表建好后，就可以插入数据 or 导入数据 （1） 插入数据/字段（Document）：鼠标右键点击数据库表->选择Insert Document，弹出： 　　　　回车 填写 单条数据，如下：建立一个用户和密码信息--- 单击save 保存 双击数据表名称， 结果如图（其中 _id

1.开启代码提示 2.修改egret code后，自动编译新egret code 按照下图进行设置： ①打开“File—settings” ② ③ （PS：webstorm打开目录为当前项目目录） 3.设置启动/运行 ①打开“File—settings” ②打开“Run—Edit Configurations” ③ （PS：webstorm打开目录为当前项目目录） 4.启用EXML皮肤文件语法提示 http://bbs.egret.com/forum.php?mod=viewthread&tid=155&extra=page%3D1 5.Egret 命令行手册： http://developer.egret.com/cn/github/egret-docs/Engine2D/projectConfig/cmdManual/index.html 来源： https://www.cnblogs.com/seanp/p/6522042.html