精华内容
下载资源
问答
  • 2018-02-25 17:22:00

     

    1.皮肤设置,重启后Terminal皮肤生效

      

     

    2.排除目录

      2.1全局排除

      2.2局部排除

        选中文件夹 右击Make Directroy As 选择 Excluded

    3.代码自定义

      3.1 console.log 简写 log  按下图设置完后,点击下方的Define 选中javascript

    4.增加vue支持

      

     

     5.webpack-dev-server不会自动编译刷新

     

          

    转载于:https://www.cnblogs.com/iloveyou-sky/p/8469916.html

    更多相关内容
  • WebStorm初始化配置

    2021-08-07 12:49:48
    WebStorm的PJ步骤 PJ完成后,会弹出如下弹窗,去除弹窗的方式 用WinRAR打开jetbrains-agent.jar文件,将jetbrains-agent.jar\META-INF目录下的important.txt文件,复制到WebStorm的bin目录下,即可。

    WebStorm的PJ步骤

    PJ完成后,会弹出如下弹窗,去除弹窗的方式

    在这里插入图片描述
    用WinRAR打开jetbrains-agent.jar文件,将jetbrains-agent.jar\META-INF目录下的important.txt文件,复制到WebStorm的bin目录下,即可。
    在这里插入图片描述

    2、WebStorm初始化配置

    代码字体设置
    在这里插入图片描述
    让WebStorm识别ES6
    在这里插入图片描述
    解决字符编码问题
    在这里插入图片描述
    Node.js设置
    在这里插入图片描述
    Git设置
    在这里插入图片描述
    安装Gitee插件
    在这里插入图片描述
    登录Gitee
    在这里插入图片描述
    设置完Gitee后,Clone已经存在的项目在这里插入图片描述
    超长文本换行显示
    在这里插入图片描述
    代码都按照2个空格缩进
    在这里插入图片描述

    展开全文
  • vue新项目准备: 1、安装nodejs,官网下载傻瓜安装 node -v 验证 2、npm包管理器,是集成在node中的,所以安装了node也就有了npm npm -v 验证 3、安装cnpm ...1、初始化项目模板: vue init webpack-simp
  • WebStorm入门配置教程

    2020-12-23 10:03:22
    如何下载WebStorm?去 WebStorm官方网站下载即可,可以免费试用 30 天。获取正版的途径付费购买WebStorm 官方报价是第一年 405 人民币第二年 323 人民币第三年之后 240 人民币2. 如果你是学生,可以获取免费教育版3....

    如何下载WebStorm?

    去 WebStorm官方网站下载即可,可以免费试用 30 天。

    获取正版的途径付费购买

    WebStorm 官方报价是第一年 405 人民币

    第二年 323 人民币

    第三年之后 240 人民币

    2. 如果你是学生,可以获取免费教育版

    3. 如果你在 GitHub 上的项目持续更新了三个月,可以申请开源免费版

    如何在WebStorm里配置终端在 Settings => Terminal 里设置一下 Shell Path 即可

    进入 Version Control => Git,将 Path to Git 改为 git.exe 的绝对路径

    让WebStorm界面好看一点

    设置Appearance和插件

    将用不到的界面隐藏起来,操作方法:View => Appearance => 勾选如下

    安装 Material Theme UI 主题,操作方法:File => Settings => Plugins => Marketplace => 搜索 Material Theme UI 并安装,安装完成后进入 File => Settings => Appearance & Behavior => Material Theme,仿照我下面的配置即可

    改变以下选项

    字体设置

    这里我使用默认的字体,勾选enable font ligatures

    还有两处字体需要设置一下,分别是进入 Editor => Color Scheme => Color Scheme Font,取消勾选 Use color scheme font instead of ...

    进入 Editor => Color Scheme => Console Font,取消勾选 Use color scheme font instead of ...

    点击保存,这样一来,所有字体就统一了。

    快捷键设置 & git 快捷操作

    查看快捷键

    直在 WebStorm 里查看快捷键很简单:

    按两下 Shift,没错,按两下,你会得到一个搜索框,这个搜索框可以搜索任何东西

    在搜索框里输入你想要的功能名称,比如 reformat (代码格式化),然后你就看到对应的操作(Action)。

    Action 后面就跟着对应的快捷键不过这个方式的缺点是只能搜英文,所以可以看第二个方式:查看菜单栏,快捷键就写在菜单栏每一项 Action 的后面

    修改快捷键

    在 Settings 里的 keymap 里的搜索栏搜索即可,见下图

    如果修改后提示快捷键有冲突,点击 Remove 即可把其他冲突的快捷键删除。

    常见设置查找文件,设置为 Ctrl + P。

    项目文件列表窗口,设置为 Alt + 1,这样任何时候你都可以显示或关闭项目文件列表。

    终端窗口,设置为 Alt + 2,这样你任何时候都可以打开终端输入命令行了。

    Git 窗口,设置为 Alt + 3(当然你可以改),前提是你的项目已经在终端里运行过 git init。

    关闭当前窗口,设置为 Ctrl + W,这是一个常用快捷键,设置完之后提示冲突,此时请点击 Remove。

    在 Keymap 里将 Main Menu => Edit => Extend Selection 设为 Alt + W,将 Main Menu => Edit => Shrink Selection 设为 Alt + Shift + W,这两个快捷键自己试试,非常有用。

    最后,如果你忘了快捷键,就用万能快捷键 Shift Shift 来搜索即可。

    格式化代码

    WebStorm 格式化代码的功能特别强大,不过需要学习才能用得溜

    初始化

    在任意 JS 文件,使用 Show Reformat File Dialog 功能(快捷键你要自己用 Shift Shift 搜索一下),会弹出一个对话框

    我们一般选择 Whole file 来格式化整个文件,但如果当前文件是别人的代码,你可能就要选择 Only VCS changed text,以防修改别的人代码,只格式化刚写的代码。

    你可以在任何时候使用 Show Reformat File Dialog 功能重新弹出这个对话框进行修改配置。

    快捷键

    使用 Reformat Code 功能(快捷键你要自己用 Shift Shift 搜索一下),就会立即格式化当前文件。

    如果你对格式化后的文件不满意,那么在设置里选中 Editor => Code Style => TypeScript进行自定义(JavaScript同理),可以看我下面用红色箭头推荐的配置

    2. 可选:个人建议把 JS、CSS、SCSS、TypeScript、HTML 代码缩进全改成 2、2、2,这样代码更紧凑。建议 JS 不加分号,TS 加分号。

    其他WebStorm选项

    开启以下功能(直接在 Shift Shift 后输入对应的英文即可开启,找不到不要来问我,因为这些选项都无关紧要):Show tree indent guides,这个功能会在编辑器里添加竖线,方便代码对齐。

    Show method separators,这个功能会在每个方法上面添加横线,便于阅读代码。

    Breadcrumbs,搜索这个选项,然后选择 Dont't Show,用于隐藏面包屑(如下图),你也可以右键点击面包屑查看更多选项

    Show CSS color preview as background,我个人喜欢开启这个功能

    关闭以下功能(直接在 Shift Shift 后输入对应的英文即可关闭,找不到不要来问我,因为这些选项都无关紧要):Show gutter icons,关闭此功能可能让编辑器更简洁

    一些可能用到的功能Soft wrap,用于折行

    END

    大概就是这些,有些根据自己的观察没加,绝大多数内容来自方方老师(方应杭)。

    那就先这样掰掰。

    展开全文
  • 我犯的错误:作为vue小白,并不知道还要单独去创建初始的vue项目,于是自己在webstrom中建了一个Empty Project,在其中新增了一个js文件,就开始import Vue from “vue”了。运行后自然就报错了:SyntaxError: ...

    我犯的错误:作为vue小白,并不知道还要单独去创建初始的vue项目,于是自己在webstrom中建了一个Empty Project,

    在其中新增了一个js文件,就开始import Vue from “vue”了。运行后自然就报错了:SyntaxError: Unexpected identifier,被自己蠢哭~

    一、搭建一个vue项目最简单的方式就是使用官方的脚手架工具vue-cli,他提供了现代前端工作流的构建设置,只需要几分钟时间就可以运行带有热更新 Eslint 打包功能的项目。

    二、下面进入正题,vue项目初始化步骤如下:

    1、默认你已经安装好了Node.js、WebStrom、npm、vue/vue-cil、webpack。

    2、win+R→cmd打开命令行,cd进入到希望创建vue项目的路径,然后执行项目创建命令:

    vue init webpack [projectName]

    这里注意,项目名称必须是小写(原因是:大写会导致跨平台出现问题),如果有大写就会报错:Sorry, name can no longer contain capital letters

    上面的命令将会从 vuejs-template/webpack 上面拉取基于webpack配置的 vue 模版。

    vue-cli 官方提供了几种零配置的开发模版,这些模版里自动生成了应用的目录、初始的代码、项目的配置,能够让用户更快的搭建 vue 项目。

    当前官方提供的模版包括:

    (1)webpack:功能齐全的webpack + vue-loader 的设置、热重载、eslint、test 和 css 提取。

    (2)webpack-simple:一个快速设置简单的 webpack + vue-loader原型的模版。

    (3)browserify:功能齐全的 browserify + 'vueify'设置与热重负荷,linting和单元测试。

    (4)browserify-simple:快速设置简单的 browserify + 'vueify' 原型。

    (5)pwa:基于webpack的vue-cli 的单页面模版。

    (6)simple:对 html 的简单 vue 配置 。

    3、在命令行中进入到项目路径,然后执行npm install命令,安装项目需要的依赖。

    4、安装完成后执行npm run dev命令,运行项目。

    5、用Webstrom打开刚刚创建的vue项目。

    展开全文
  • mac 初始化_重置webstorm

    2022-05-17 13:14:32
    是的,由于我的某些操作,webstorm被玩坏了,无法格式成功,每次格式均提醒我,代码已格式,但事实并未格式! 我尝试了卸载重装、重装不同版本,均存在之前的配置信息!无法完全卸载webstorm 最后,灵机一动,完成了...
  • 新建vue文件的结构几乎都一样,但每次都要复制粘贴也很麻烦,可以使用活动模板设置一下,快速初始化。 打开文件 ---> 设置 ---> 编辑器 ---> 活动模板 ---> 点击右侧加号 ---> 1.Live Template ...
  • webstorm+gitlab初始化配置

    千次阅读 2020-06-16 16:21:32
    1.下载webstorm git 2.配置密钥 需要 SSH Key,因为本地Git仓库和GitHub仓库之间的传输是通过SSH加密的,所以必须要让github仓库认证你SSH key,在此之前,必须要生成SSH key。首先,在windows下查看[c盘->用户-&...
  • webStorm快捷键总结

    2021-06-10 16:42:47
    格式工具:Ctrl+Alt+L(該版本不存在) 17.減少/擴大縮進:shift+tab/tab 18.刪除一行:Ctrl+Y 19.顯示默認值:Ctrl+p 20.大小寫轉換:Ctrl+shift+U 21.添加標籤:Ctrl+F11 22.重新開始一行(無論光標在哪一個位置...
  • webstorm首次安装使用配置

    千次阅读 2022-02-28 11:15:24
    初始化默认的设置用着不习惯。 希望通过一些设置,让使用起来更加方便 一、运行配置 初始化没有运行和调试的图标 需要设置。软件右上角 二、调试配置 初始化没有调试的图标 需要设置。软件右上角 注意:这里的...
  • WebStorm开发项目时,右击项目名菜单中竟然没有Git,VCS下拉选项中也没有。 这样设置就可以了。Mac和Windows是一样的。 而且右下角也有Git的branch信息。
  • vue初始化项目.txt

    2020-08-04 21:38:31
    1、初始化项目模板: vue init webpack-simple yunshi-approve 或者 vue init webpack yunshi-approve 2、安装npm cd yunshi-approve 3、安装项目所需要的依赖: npm install 或 cnpm install 4、运行看效果...
  • webstorm 初次上传代码到 远程gitlab中

    千次阅读 2019-03-13 14:40:13
    1. 在 公司搭建的gitlab网站,创建project,然后生成了 git的地址。 2.在 本地电脑上,打开 webstorm...git init 初始化项目(在内部会生成.git文件夹)git remote add xxx https://xxx.xxx.git 设置git远程仓库,...
  • var HTMLFormat = (function() {function style_html(html_source, indent_size, indent_character, max_char) {var Parser, multi_parser;function Parser() {this.pos = 0;this.token = '';this.current_mode = 'C...
  • webstorm settings 配置

    2018-11-16 11:40:45
    webstorm settings 配置已配好。黑色主题风格;适用于web前端程序员code style风格,vue,js,html,css,node 的代码使用配置;模板等;
  • WebStorm初始设置

    万次阅读 2016-09-03 12:47:58
    WebStorm是Node.js开发必备的一款软件,安装完这个软件后,你可能会要配置一下界面,下面具体讲讲:1 修改界面的颜色2 取消波浪线提示3 取消下划线的显示4 如何加入自动提示功能 (加入代码提示会极大的提升开发效率...
  • 文章目录webstorm中可视化方法/引入图表的方法一、下载并引入echarts.js文件下载方法:二、准备一个具备大小的dom容器三、初始化echarts实例化对象四、指定配置项和数据(option)五、将配置项设置给echarts实例化...
  • npm config list 查看一下npm 的配置信息 看一下路径和环境变量是否一致
  • MongoDB安装和使用+Webstorm可视插件

    千次阅读 2017-08-29 11:00:50
    windows下MongoDB安装和使用,以及Webstorm上MongoDB可视插件的使用
  • 二、WebStorm 1Keymap 快捷键 1.1 修改信息提示 1.2 关闭当前窗口 一、IDEA 1 Keymap 快捷键 1.1 修改信息提示 1.2 关闭当前窗口 2 Editor -> General -> Auto Import 自动导包 3 Version Control -> Git 4 每次启动...
  • 1、webstorm快捷键: IntelliJ-Idea 的快捷键 Ctrl+/ 或 Ctrl+Shift+/ 注释(// 或者/*…*/ ) Shift+F6 重构-重命名 Ctrl+X 删除行 Ctrl+D 复制行...
  • webstorm+vue初始化项目

    千次阅读 2018-04-04 14:17:22
    1、初始化项目模板: vue init webpack-simple yunshi-approve   或者 vue init webpack yunshi-approve 2、安装npm cd yunshi-approve 3、安装项目所需要的依赖: npm install 或 cnpm install 4、运行看...
  • 随便打开webstorm,记住不要在第一次打开webstorm就打开带有node_modules的项目,除非你脑袋瓜生锈了。 然后进入File —> Settings 进入设置界面后!我自己亲自做了一张图,按照下面这张图,绝对能成功。放图!...
  • webStorm快捷键整理

    2022-03-24 15:54:49
    一些自己会用的webstorm快捷键,持续更新
  • 使用webpack初始化项目

    2022-05-19 20:55:15
    总结 到此为止,项目的初始化算是初步完成,当然如果需要处理一下图片则需要引入对应的插件,其实原理和引入less大同小异,就不再进行赘述。通过配置webpack让开发者对项目整体搭建有一个更深刻的理解。我总是觉得...
  • ③安装成功后点击右下角Apply 提示重启webstorm 重启完成后 Setting-Editor-File and Code Templates 点击右上角的加号 添加vue文件 Name为vue File, Extension 为vue,下面的位置可以填写自定义的初始化模板内容 ...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 3,559
精华内容 1,423
关键字:

webstorm初始化