JetBrains WebStorm v2018.3.5中文免费版 附安装教程

WebStorm2018免费版是jetbrains公司推出的一款javascript开发工具，主要功能包括智能代码补全、代码格式化、代码重构、代码折叠、代码调试等等，WebStorm 2018版本带来了多种新功能，包括提取vue组件、使用节点调试、运行和调试React Native应用程序等，可以大大提高代码编辑效率，有需要的朋友可以下载！

WebStorm 2018新功能

1、提取Vue组件

你现在可以轻松提取一个新的VUE组件，不用任何复制和粘贴。

选择要提取的模板部分，按下 Alt-Enter 并选择 Extract Vue 零件。 然后输入新组件的名称。 WebStorm 将创建一个新的单文件组件(如果你选择的名称已经被使用或者无效，就会发出警告)，并将其导入到父组件中。

所提取的模板中使用的所有数据和方法将保留在父组件中，并将传递给具有道具的新组件。 相关的样式也将被复制。

2、运行和调试React Native应用程序

3、更新使用节点进行调试

4、使用 Expo 调试 React Native 应用

WebStorm 2018安装教程

1、双击安装文件，进入欢迎界面，点击【Next】

2、选择WebStorm 2018安装位置，默认的是C盘，想修改点【Browse】

3、选择安装的版本和要关联的文件类型

4、选择开始菜单文件夹，点击【Install】

5、安装中

6、点击【Finish】,安装完成

WebStorm 2018汉化教程

1、安装完成，暂时不要打开，打开C:\Program Files\JetBrains\WebStorm 2018.1\lib文件夹，如果你安装在D盘就把C换成D，将resources_en.jar删除或者重命名

2、将resources_cn.jar复制进去

3、重新打开WebStorm 2018便是中文版本了

WebStorm设置技巧

如何更改主题(字体&配色):

File -> settings -> Editor -> colors&fonts -> scheme name.主题下载地址

如何让webstorm启动的时候不打开工程文件：

File -> Settings->General去掉Reopen last project on startup.

如何完美显示中文：

File -> Settings->Appearance中勾选Override default fonts by (not recommended)，设置Name:NSimSun，Size:12

如何显示行号：

File -> Settings->Editor，”Show line numbers”打上勾，就显示行号了

如何代码自动换行：

File -> settings -> Editor “Use Soft Wraps in editor” 打上钩，代码就自动换行了

如何点击光标，显示在本行末尾：

File -> Settings->Editor “Allow placement of caret after end of line”去掉勾就行了。

如何修改快键键：

File -> Settings->Keymap，然后双击要修改快捷的功能会有提示框出来，按提示操作

换成自己熟悉编辑器的快键键：

File ->Settings->Keymap，支持像Visual Studio、Eclipse、NetBeans这样的主流IDE。

javascript类库提示。

File -> settings -> Javascript -> Libraries -> 然后在列表里选择自己经常用到的javascript类库，最后Download and Install就ok了.

在开发js时发现，需要ctrl + return 才能选候选项：

File -> Setting -> Editor -> Code Completion -> Preselect the first suggestion: “Smart” 改为 “Always”

js提示比较迟缓

File -> Code Completion -> Autopopup in 下 1000改为0

git配置：

File -> settings -> Editor -> github，进去改github的账户，如果没有git则不需要.

插件安装：

File ->plugins，然后就选择给力的插件们再安装.(“css-X-fire”插件,用于当使用firebug修改css属性时，编辑器内的css代码也会发生变化。)

更新日志

WEB-34597 修复：不将 Vue.js 项目中的 XML 文件视为 Vue 模板

WEB-34889 修复：coffeescript 与输出的错误自动配制

WEB-34887 修复：支持 coffeescript 再输出声明

WEB-29109 修复 CoffeeScript 格式化 'export default' 的问题

WEB-15683 修复 CoffeeScript：红色代码：错误解析的斜杠符号

WEB-35130 修复 CoffeeScript：使用 heregex 对文件进行 Throwable