精华内容
下载资源
问答
  • WebStorm使用教程

    万次阅读 2019-05-21 16:40:39
    WebStorm使用教程 Webstorm安装、破解、使用 webstorm的安装及基本配置 WebStorm安装与使用 webstorm的安装及基本配置 WebStorm安装教程 webstorm详细安装教程 Webstorm 超实用教程 Webstorm安装和配置 webstorm2019...
    展开全文
  • webstorm使用教程

    2017-12-12 17:22:00
    Webstorm 超实用配置教程 原文来自:http://www.jianshu.com/p/4ce97b360c13 一、下载安装包 Webstorm 2017.1.4 百度云盘下载地址:https://pan.baidu.com/s/1kVqoPJh 二、安装过程(包含输入注册码永久使用) ...

    Webstorm 超实用配置教程

    原文来自:http://www.jianshu.com/p/4ce97b360c13

    一、下载安装包

    Webstorm 2017.1.4 百度云盘下载地址:https://pan.baidu.com/s/1kVqoPJh

    二、安装过程(包含输入注册码永久使用)

    双击下一步下一步即可,过程中有几个步骤说明一下:

    1. 配置 Webstorm 安装项

    选择 64 位,防止桌面 Webstorm 快捷方式打不开。

     

    配置 Webstorm 安装项

    2. 是否导入 Webstorm 配置信息

    这里的意思是之前使用过 Webstorm ,并且配置过,Webstorm 配置信息可以起到优化性能的作用,因为它本身是个比较吃内存的东西,文件多了容易卡顿,可以通过在配置文件中得到优化,后面单独介绍优化。

    剧透:Webstorm 安装完成后配置信息位置:C:\Users\Administrator\.WebStorm2017.1。

     

    是否导入 Webstorm 配置信息

    3. 激活 Webstorm

    免费版的试用期是 30 天,30 天之后各种让人不舒服,比如不能保存,每隔30分钟自动关闭程序等等,所以在开始的时候还是激活成功使用永久版本的比较好。

    要填的内容:http://idea.imsxm.com/,复制进去即可。

     

    激活 Webstorm

    4. 设置 Webstorm 工具的主题和风格

    这里暂时写保持默认设置,后面会单独介绍如何折腾一个独一无二的属于个人审美的 Webstorm 工具。

     

    设置 Webstorm 工具的主题和风格

    三、使用心得

    关于 Webstorm 大多数配置都在File -> Settings选项卡中进行的,也许你不得不第一个记住它的快捷键:Ctrl + Alt + S。

    1. 设置开发工具主题/风格

    File -> settings -> Editor -> colors&fonts -> scheme name.

    跟人觉得Default Darcula这两款主题还可以,如果内置主题都不喜欢,可以去主题下载地址寻找你中意的主题。

    2. 换成自己熟悉编辑器的快键键:如 Eclipse 的快捷键 + 自定义快捷键组合

     

    快捷键设置

    3. 取消勾选安全保存时间

    这两项取消勾选,否则影响热更新,不能及时将修改的内容反应在浏览器上。

     

    取消勾选安全保存时间

    4. 集成 Eslint

    集成 Eslint 的前提是你的项目里使用了 Eslint。

     

    集成 Eslint

    5. 集成 Git

    对 Webstorm 集成 Git 的前提是你已经掌握 Git 的基础使用方法,如果对于 Git 的基本概念不了解的话,可以参阅:廖雪峰 Git 教程

     

    集成 Git

    Webstorm 集成 Git 带来的遍历就是将 Git 的指令用选项的意思表达出来,如果你熟悉 Git 是如何提交代码的,那么在 Webstorm 使用 Git 提交代码应该不是什么难事。

     

    git 提交代码

    对于分支的操作在 Webstorm 右下角

     

    操作分支

    6. 常用开发工具窗口

    开发过程中,最常用的工具窗口有以下几个:

    Project 记录项目的层级结构;(快捷键 Alt + 1)

    Structure  记录当前文件内部的层级结构,方便快速定位到某个方法;(快捷键 Alt + 7)

    Npm 使用 npm 构建的工程,Npm 窗口会记录 package.json 里的脚本信息,一般用于快速启动项目;快捷键 (Ctrl + E)

    TODO 项目中难免会预留 TODO 标记用于日后完善,该窗口可以快速定位到哪个文件的哪一行预留了 TODO 标记。(快捷键 Alt + 6)

     

    常用开发工具窗口

    7. 配置 Less 自动转译 CSS

    在进行配置之前,请确保你已经使用 npm/yarn 或其它工具全局安装了 less 包。

    $ npm install less -g

     

    配置 Less 自动转译 CSS

    8. Webstorm 安装 Editorconfig 插件

    如果你的项目中要使用 .editorconfig 配置文件控制代码风格,那么 Editorconfig 插件必不可少。Webstorm 2017.1 及之后的版本都默认安装了这个插件,如果没有安装,参照下图自行安装。

     

    安装 Editorconfig 插件

    9. 文件类型设置 —— File Types

    在使用微信开发工具开发小程序时,经常遇到这么个问题:小程序开发工具不支持多例模式,一次性只能打开一个项目,可是同时又想打开其他项目参考里面的代码,总不至于用文本编辑器打开吧。我的选择是使用 Webstorm 打开小程序的项目,可是随之而来的一个问题就是小程序的 .wxml 和 .wxss 文件类型 Webstorm 无法识别,代码都是一片黑色,没有背景高亮看着很是不舒服。

    使用 File Types 可以将 .wxml 和 .wxss 文件类型添加到 Webstorm 中。

     

    File Types 设置

    在 Cascading Style Sheet  下添加 *.wxss 类型,使用 css 语法高亮;

    在 HTML 下添加 *.wxml 类型,使用 html 语法高亮。

    注意:前面的 * 号不能忘记。

    10. Webstorm 2017.2 版本使用搜狗输入法卡顿问题

    卡顿卡的人心烦,查了一些资料都没起作用,就差重装 Webstorm 了,后来在搜狗贴吧上看到一方法试了试是有用的。

    安装搜狗输入法最新版本,然后重启 Webstorm(刚装好没重启,使用输入法还是卡,以为没啥用,后来重启之后发现一点都不卡了)。

    11. 快捷键 —— 最常用的快捷键最佳应在 10 个以内

    Ctrl + Shift + R—— 快速定位到文件并跳转

    Ctrl + Shift + F—— 全局搜索文件内某个字符串 (Webstorm 默认快捷键,eclipse 中是Ctrl + H)

    Ctrl + E—— 打开最近操作过的文件

    Ctrl + Alt + L—— 格式化代码(与 QQ 快捷键冲突,自定修改 QQ 快捷键)

    Ctrl + Y—— 删除光标所在行

    Ctrl + Alt + S—— 打开设置窗口

    四、优化 Webstorm

    使用 webstorm 有时打开项目时很慢很慢,有时操作时卡顿,这些不好的体验都可以通过简单的设置规避掉。

    1. 调整 webstorm 内存

    webstorm 安装目录 > bin > WebStorm.exe.vmoptions。文本编辑器打开,修改第二行和第三行内容。

    第二行:-Xms526m

    第三行:-Xmx1024m

    楼主电脑是 8 g 内存,这样分配明显好很多,测试发现  -Xms 最大值不能超过1024,否则webstorm将无法打开。

    2. 把不必要索引的文件进行排除

    webstorm 如果同时引入很多个项目也会导致卡顿,我们可以将不需要的项目隐藏起来,和 Eclipse 中 close project 功能一样。

    选择项目 > 右键 > Mark Directory As > Excluded。操作完成后会发现项目“消失了”。

    不过还是建议 webstorm 只打开一个项目。

    3. 关闭 node_modules 校验

    在 node 项目中存在 node_modules 目录,每次打开 webstrom 时会校验文件,同样也会校验 node_modules 中的内容,这会浪费很多时间。

     
    关闭 node_modules 校验

     

    4. 取消勾选不常用的插件

    webstorm 中可以集成很多插件,这些插件也会影响运行速度,有的插件你可能压根都没听过,更不会使用,可以取消勾选。

     
    取消勾选不常用的插件

    转载于:https://www.cnblogs.com/SofuBlue/p/8028802.html

    展开全文
  • Webstorm使用教程

    千次阅读 2017-10-27 09:55:52
    Webstrom使用Mark一个实用的webstorm主题网站,网址如下:http://color-themes.com/?view=index 1、使用方法: 下载主题文件后,然后再webstorm里面,file->important setting引入文件安装即可。我的webstorm版本...

    Webstrom使用

    Mark一个实用的webstorm主题网站,网址如下:http://color-themes.com/?view=index
    1、使用方法:
    下载主题文件后,然后再webstorm里面,file->important setting引入文件安装即可。我的webstorm版本是2017.1.4.

    顺便贴一下我的配色方案:

    U6$763Z%1L]@)V0HD2DFMR6.png
    粉色!!
    2、设置好以后,再设置字体,file->setting->editor->font 字体我设置为:

    _H2MXQ1G]Y~@I%U75KY~6U4.png

    自用webstorm配置完成,方便以后使用!

    另外:贴一个字体语法高亮的详细配置的网站作为参考:
    http://www.cnblogs.com/dc10101/archive/2013/01/03/2842590.html

    展开全文
  • webStorm使用教程

    2017-06-07 20:42:19
    WebStorm 是 JetBrains 推出的一款商业的 JavaScript 开发工具 任何一个编辑器都需要保存(ctrl + s),这是所有win平台上编辑类软件的特点,但是webstorm编辑文件右上角是没有那个熟悉的 * 的。 好处:省去...

    WebStorm 是 JetBrains 推出的一款商业的 JavaScript 开发工具

    1. 任何一个编辑器都需要保存(ctrl + s),这是所有win平台上编辑类软件的特点,但是webstorm编辑文件右上角是没有那个熟悉的 * 的。
      好处:省去了ctrl + s之后,在结合Firefox的vim,基本不动鼠标就可以看到结果页面了。 
      坏处:没有以前的 * 标识,万一键盘误操作也会被立即存储。

    2. 任何一个编辑器只要文件关闭了就没有历史记录了,但是webstorm有。 vcs->Local History -> Show History(快捷键:ALT+~ -〉7)
      好处:只要webstorm不关闭,你的文件随时可以返回到之前的操作(这也是为啥在 webstorm 里ctrl+y是删除一行的原因了)。
      坏处:webstorm关闭重启后这些历史记录就没有了;还有一个坏处就是由此带来的内存消耗也必然比较大。

    3. 任何一个编辑器,除了服务器svn之外,没有本地版本,但是webstorm提供一个本地文件修改历史记录(快捷键:ALT+SHIFT+c,Mac中 ALT+Option+c)。也可以 Ctrl + E 弹出最近打开的文件。
      好处:相当于本地svn。 
      坏处:内存消耗也必然比较大。

    4. 集成了zencoding,HTML5,ftp,即时编辑(chrome),自动完成,基于Mozilla的JavaScript调试器,JSLint、Less支持、CoffeeScript支持、Node.js、单元测试、集成Git和svn版本控制等特性。

    5. 在编写CSS中,会智能的提示各种文件以及图片的路径,就不用再去确认这个文件是否存在了。

    其他的特性就介绍了,想了解更多可以去webstrom官网继续寻找。看完了这么介绍以及那么多给力的特性,是不是有种冲动马上试一试这款传说中的前端神器啊?嗯。

    首先在官方下载页下载webstrom后,点击安装,然后一直下一步,最后会出现需要注册码界面,因为webstrom是商业的IDE,而天朝的屌丝前端当然没那么钱去买那么昂贵的神器了,不用担心,我们可以用WebStorm的密钥来学习使用这款前端神器。嘿嘿~~~~

    安装成功后,肯定会有些不适,就像我一样觉得这配色真的太戳了。还有一些设置也不是我也要的。那么以下我就列出我习惯的设置。

    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代码也会发生变化。)

    • 以后更新

    webstorm使用心得

    • 收藏夹功能:
      当工程目录很庞大时,有些子目录很经常打开,但层级又很深,这时候可以把目录添加到收藏夹里面,添加成功后,左侧有个“Favorites”菜单

    • 面包屑导航:
      除了左侧的工程页面,可以选择目录之外,在顶部菜单下有一个类似网站面包屑导航一样的目录也可以实现相同功。点击每个目录就会有下拉菜单显示其下的子目录,很实用.

    • 构造器界面:
      注释符合格式的话就会出现。如果是js文件则是js类的函数和对象;css文件的话则是这个css文件的概括;html文件的话则是节点的结构图。话说这几个就是为了方便查看代码的结构性.

    • todo界面:
      给代码加todo注释就会出现这个界面

    • 双栏代码界面:
      右击代码选项卡上的文件,然后右键 -> spilt vertically(左右两屏)或者spilt horizontally(上下两屏)

    • 本地历史功能:
      找回代码的好办法

    WebStorm集成git使用

    webstorm中只集成了git的常用操作,并不能完全替代命令行工具。在界面的右下角可以查看处于哪个git分支。也可以在上面点击切换或者新建分支。

    • 查看当前代码与版本库代码的差异:
      右击代码界面任意区域,选择git -> compare with然后选择要比较的版本库。

    webstorm快捷键说明

    Editing编辑相关快捷键

    • Ctrl + Space:
      Basic code completion (the name of any class, method or variable) 基本代码完成(任何类、函数或者变量名称),改为Alt+S

    • Ctrl + Shift + Enter:
      Complete statement 补全当前语句

    • Ctrl + P:
      Parameter info (within method call arguments) 参数信息 包括方法调用参数

    • Ctrl + mouse over code
      Brief Info 简单信息

    • Ctrl + F1
      Show description of error or warning at caret 显示光标所在位置的错误信息或者警告信息

    • Alt + Insert
      Generate code…(Getters, Setters, Constructors)新建一个文件或者生成代码,…构造函数,可以创建类里面任何字段的getter与setter方法

    • Ctrl + O
      Override methods 重载方法

    • Ctrl + I
      Implement methods 实现方法

    • Ctrl + Alt + T
      Surround with…(if, else, try, catch, for, etc)用 * 来围绕选中的代码行,( * 包括 if 、 while 、 try catch 等)

    • Ctrl + /
      Comment/uncomment with line comment 行注释/取消行注释

    • Ctrl + Shift + /
      Comment/uncomment with block comment 块注释/取消块注释

    • Ctrl + W
      Select successively increasing code blocks 选择代码块,一般是增量选择

    • Ctrl + Shift + W
      Decrease current selection to previous state 上个快捷键的回退,减量选择代码

    • Alt + Q
      Context info 上下文信息

    • Alt + Enter
      Show intention actions and quick-fixes 意图行动,快速见效

    • Ctrl + Alt + L
      Reformat code 根据模板格式对代码格式化

    • Tab/ Shift + Tab
      Indent/unindent selected lines 对所选行进行缩排处理/撤销缩排处理

    • Ctrl + X or Shift + Delete
      Cut current line or selected block to clipboard 剪切当前行或所选代码块到剪切板

    • Ctrl + C or Ctrl + Insert
      Copy current line or selected block to chipboard 拷贝当前行或者所选代码块到剪切板

    • Ctrl + V or Shift + Insert
      Paste from clipboard 粘贴剪切板上的内容

    • Ctrl + Shift + V
      Paste from recent buffers 粘贴缓冲器中最新的内容

    • Ctrl + D
      Duplicate current line or selected block 复制当前行或者所选代码块

    • Ctrl + Y
      Delete line at caret 删除光标所在位置行

    • Ctrl + Shift + J
      Smart line join(HTML and JavaScript only)加入智能行 (HTML 和JavaScript)

    • Ctrl + Enter
      Smart line split(HTML and JavaScript only)分离智能行 (HTML 和JavaScript)

    • Shift + Enter
      Start new line 另起一行

    • Ctrl + Shift + U
      Toggle case for word at caret or selected block 光标所在位置大小写转换

    • Ctrl + Shift + ]/[
      Select till code block end/start 选择直到代码块结束/开始

    • Ctrl + Delete
      Delete to word end 删除文字结束

    • Ctrl + Backspace
      Delete to word start 删除文字开始

    • Ctrl + NumPad+/-
      Expand/collapse code block 扩展/缩减代码块

    • Ctrl + Shift+ NumPad+
      Expand all 扩张所有

    • Ctrl + Shift+ NumPad-
      Collapse 缩减所有

    • Ctrl + F4
      Close active editor tab 关闭活跃编辑标签

    Search/replace搜索/替代相关快捷键

    • Ctrl + F 
      Find 当前文件内快速查找代码

    • Ctrl + Shift + F 
      Find in path 指定文件内寻找路径

    • F3 
      Find next 查找下一个

    • Shift + F3 
      Find previous 查找上一个

    • Ctrl + R 
      Replace 当前文件内代码替代

    • Ctrl + Shift + R 
      Replace in path 指定文件内代码批量替代

    Usage Search搜索相关快捷键

    • Alt + F7/Ctrl + F7 
      Find usages/Find usages in file 找到使用/在文件找到使用

    • Ctrl + Shift + F7 
      Highlight usages in file文件中精彩使用

    • Ctrl + Alt + F7 
      Show usages 显示使用

    Running运行

    • Alt + Shift + F10 
      Select configuration and run 选择构架,运行

    • Alt + Shift + F9 
      Select configuration and debug 选择构架,修补漏洞

    • Shift + F10 
      Run 运行

    • Shift + F9 
      Debug 修补漏洞

    • Ctrl + Shift + F10 
      Run context configuration from editor 从编辑运行内容构架

    • Ctrl + Shift + X 
      Run command line 运行命令行

    Debugging Debugging相关快捷键

    • F8 
      Step over 不进入函数

    • F7 
      Step into 单步执行

    • Shift + F7 
      Smart step into 智能单步执行

    • Shift + F8 
      Step out 跳出

    • Alt + F9 
      Run to cursor 运行到光标处

    • Alt+ F8 
      Evaluate expression 评估表达

    • F9 
      Resume program 重新开始程序

    • Ctrl + F8 
      Toggle breakpoint 切换断点

    • Ctrl + Shift + F8 
      View breakpoints 查看断点

    Navigation 定位相关快捷键

    • Ctrl + N 
      Go to class跳转到指定类

    • Ctrl + Shift + N 
      Go to file 通过文件名快速查找工程内的文件

    • Ctrl + Alt +Shift + N 
      Go to symbol 通过一个字符查找函数位置

    • Alt + Right/ left 
      Go to next/ previous editor tab 进入下一个/ 上一个编辑器选项

    • F12 
      Go back to previous tool window 进入上一个工具窗口

    • Esc 
      Go to editor(from tool window) 从工具窗口进入编辑器

    • Shift + Esc 
      Hide active or last active window 隐藏活动窗口

    • Ctrl + Shift + F4 
      Close active run/message/find/…tab 关闭活动….标签

    • Ctrl + G 
      Go to line 跳转到第几行

    • Ctrl + E 
      Recent files popup 弹出最近打开的文件

    • Ctrl + Alt + Left/Right 
      Navigate back/forward 导航前进/后退

    • Ctrl + Shift + Backspace 
      Navigate to last edit location 向最近编辑定位导航

    • Alt + F1 
      Select current file or symbol in any view 查找当前选中的代码或文件在其他界面模块的位置

    • Ctrl + B or Ctrl + Click 
      Go to declaration跳转到定义处

    • Ctrl + Alt + B 
      Go to implementation(s) 跳转方法实现处

    • Ctrl + Shift + B 
      Go to type declaration 跳转方法定义处

    • Ctrl + Shift + I 
      Open quick definition lookup 打开定义快速查找

    • Ctrl + U 
      Go to super-method/super-class 跳转方法/超阶级

    • Alt + Up/Down 
      Go to previous/next method 在方法间快速移动定位

    • Ctrl + ]/[ 
      Move to code block end/start 跳转到编码块结束/开始

    • Ctrl + F12 
      File structure popup 文件结构弹出

    • Ctrl + H 
      Type hierarchy 类型层次

    • Ctrl + Alt + H 
      Call hierarchy 调用层次结构

    • F2/ Shift + F2 
      Next/previous highlighted error 跳转到后一个/前一个错误,高亮错误或警告快速定位,使用这个快捷键可以快捷在出错的语句之间进行跳转。

    • F4/Ctrl + Enter 
      Edit source/ View source 编辑源代码/查看源代码

    • Alt + Home 
      Show navigation bar 显示导航栏

    • F11 
      Toggle bookmark 切换标记

    • Ctrl + F11 
      Toggle bookmark with mnemonic 采用记忆切换标记

    • Ctrl + #[0-9] 
      Go to numbered bookmark 跳转到带编号的标记

    • Shift + F11 
      Show bookmark 显示标记

    Refactoring 重构相关快捷键

    • F5
      Copy 拷贝

    • F6 
      Move 移动

    • Alt + Delete 
      Safe Delete 安全删除

    • Shift + F6 
      Rename 重新命名

    • Ctrl + Alt + N 
      Inline Variable 嵌入变量

    • Ctrl + Alt + M 
      Extract Method( Javascript only) 提取函数

    • Ctrl + Alt + V 
      Introduce Variable 引入变量

    • Ctrl + Alt + F 
      Introduce Field 引入域

    • Ctrl + Alt + C 
      Introduce Constant 引入常量

    VCS/Local History 版本控制系统/ 本地历史相关快捷键

    • Alt + BackQuote( ) 
      ‘VCS’quick popup 快速弹出 VCS

    • Ctrl + K 
      Commit project to VCS 提交项目至VCS

    • Ctrl + T 
      Update project from VCS 从VCS 更新项目

    • Alt + Shift + C 
      View recent changes 查看最新改变

    General 常用的相关快捷键

    • Ctrl + Shift +A 
      Find action 查找并调用编辑器的功能

    • Alt + #[0-9] 
      Open corresponding tool window 快速切换打开界面模块

    • Ctrl + Alt + F11 
      Toggle full screen mode 切换全屏模式

    • Ctrl + Shift + F12 
      Toggle maximizing editor 切换最大化编辑器

    • Alt + Shift + F 
      Add to Favorites 将当前文件添至收藏夹

    • Alt + Shift + I 
      Inspect current file with current profile 使用当前属性检查当前文件

    • Ctrl + BackQuote( ) 
      Quick switch current scheme 快速转换现有组合

    • Ctrl + Alt + S 
      Open setting dialog 打开设置对话框

    • Ctrl + Tab 
      Switch between tabs and tool window 标签和工具窗的转换(与windows快捷键冲突)

    展开全文
  • Webstorm使用教程详解Webstorm垂直分栏、左右分栏Webstorm 主题、背景、颜色等设置的导入导出使用WebStorm开发web前端 网页中文乱码问题的解决方案Webstorm 主题、背景、颜色等设置的导入导出1、导出设置2、导入设置...
  • Webstorm使用教程详解

    2017-04-25 13:57:00
    Webstorm使用教程详解 Webstorm垂直分栏、左右分栏 Webstorm 主题、背景、颜色等设置的导入导出 使用WebStorm开发web前端 网页中文乱码问题的解决方案 Webstorm 主题、背景、颜色等设置的导入导出 1、...
  • 转载1:WebStorm使用教程

    2018-06-15 11:03:20
    WebStorm使用教程https://www.jianshu.com/p/4ce97b360c13
  • WebStorm使用教程详解

    千次阅读 2018-10-15 08:45:48
    WebStorm 是 JetBrains 推出的一款商业的 JavaScript 开发工具 任何一个编辑器都需要保存(ctrl + s),这是所有win平台上编辑类软件的特点,但是webstorm编辑文件右上角是没有那个熟悉的 * 的。 好处:省去了...
  • 详细说下webstorm下设置,首先确认webstorm是否为最新版,然后点击(file->setting->github) 填完后点击test,确保畅通。。。 点击以后会出现弹出框,会让你确认新项目的名字。 搞定以后底部工具栏会...
  • WebStorm 是 JetBrains 推出的一款商业的 JavaScript 开发工具 其他的特性就介绍了,想了解更多可以去webstrom官网继续寻找。看完了这么介绍以及那么多给力的特性,是不是有种冲动马上试一试这款传说中的前端神器...
  • webstorm使用教程(个人学习日志)

    万次阅读 2017-05-10 11:09:31
    Webstorm被许多从业前端工作者奉为“神器”,其强大的文本编辑和功能支持为前端开发工作节省了不少功夫。以下是个人的学习日志,其中有些部分源于其他博客或者论坛会附上说明,全文仅供参考,随时更新。
  • 1. 代码字体设置 :注意需要另存为 Scheme name一个才可以修改Editor Font.  字体设置:Editor->Color & Fonts->Font ...2. 界面字体设置:用yahei 字体比较好,大小:12 ...
  • 主要为大家详细介绍了Webstorm使用教程的使用教程,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
  • webstorm使用教程详解,供大家参考,具体内容如下webstorm垂直分栏、左右分栏webstorm 主题、背景、颜色等设置的导入导出使用webstorm开发web前端 网页中文乱码问题的解决方案webstorm 主题、背景、颜色等设置的导入...
  • Webstorm基础教程

    千次阅读 2019-05-15 19:59:35
    说一下使用Webstorm的原因,在此之前,我一直使用的是HBuilder编辑器,最近使用小程序框架mpvue开发,由于微信开发者工具对vue不太友好,vue编写界面无法查看,大家就推荐了Webstorm。 于是,使用了大家推荐的这一款...

空空如也

空空如也

1 2 3 4 5 ... 17
收藏数 340
精华内容 136
关键字:

webstorm使用教程