浅入深出Vue:工具准备之WebStorm安装配置

时间:2022-08-28 14:22:00

浅入深出Vue之工具准备(一):WebStorm安装配置

工欲善其事必先利其器,让我们先做好准备工作吧
导航篇

WebStorm安装配置

所有工具的下载地址都可以在导航篇中找到,这里我们下载的是最新版本的WebStorm

安装

下载后即可食用,此步骤与正常软件安装并无二样。

浅入深出Vue:工具准备之WebStorm安装配置

若有固态硬盘,尽可能安装在固态硬盘上,物理加速一下~

浅入深出Vue:工具准备之WebStorm安装配置

按照自己的系统来勾选32位还是64位,若羽的机器装的是64位系统,因此勾选的是64位。另外为了防止本机没有JetBrains系列所需的JRE环境,建议直接勾选即可。

浅入深出Vue:工具准备之WebStorm安装配置

接下来一路NextInstall即可。

浅入深出Vue:工具准备之WebStorm安装配置

默默地等待安装

浅入深出Vue:工具准备之WebStorm安装配置

好了,可以愉快的食用了。

浅入深出Vue:工具准备之WebStorm安装配置

配置

如果有对应的配置文件可以直接导入,省去配置的时间

浅入深出Vue:工具准备之WebStorm安装配置

选择主题,因为若羽后面会配置另一个主题,这里就随意选一下了。

浅入深出Vue:工具准备之WebStorm安装配置

这里可以选择一些插件进行安装,更多的插件就需要到配置中去进行搜索安装了。这里若羽选了Material Theme进行安装,点它下面的Install然后默默等着就好。

浅入深出Vue:工具准备之WebStorm安装配置

安装完后点击右下角的Start using WebStorm,安装完成~。好了,到了激动人心的激活时刻了。如果没有激活码激活服务器学生账号的话,可以选择Evaluate for free。进行三十天的免费试用,也可以搜一搜激活码。

浅入深出Vue:工具准备之WebStorm安装配置

开始~

浅入深出Vue:工具准备之WebStorm安装配置

由于之前选择安装了Material Theme插件,所以这里就需要设置插件的一些信息。

浅入深出Vue:工具准备之WebStorm安装配置

选择喜欢的主题

浅入深出Vue:工具准备之WebStorm安装配置

开启高对比,High Contrast

浅入深出Vue:工具准备之WebStorm安装配置

接下来的设置默认即可,按需设置。若羽这里就直接默认了

浅入深出Vue:工具准备之WebStorm安装配置

配置完成,接下来可以开始配置一些必要插件了~

浅入深出Vue:工具准备之WebStorm安装配置

WebStorm安装ESLint

点击Configure,选择Settings

浅入深出Vue:工具准备之WebStorm安装配置

在左侧点击Plugins,在右侧输入eslint进行搜索,点击INSTALL即可安装

浅入深出Vue:工具准备之WebStorm安装配置

Accpet即可

浅入深出Vue:工具准备之WebStorm安装配置

安装完成后,点击RESTART IDE,重启WebStorm。至此,Eslint插件也安装完成~

浅入深出Vue:工具准备之WebStorm安装配置

浅入深出Vue:工具准备之WebStorm安装配置的更多相关文章

  1. 浅入深出Vue:工具准备之PostMan安装配置及Mock服务配置

    浅入深出Vue之工具准备(二):PostMan安装配置 由于家中有事,文章没顾得上.在此说声抱歉,这是工具准备的最后一章. 接下来就是开始环境搭建了~尽情期待 工欲善其事必先利其器,让我们先做好准备工 ...

  2. 浅入深出Vue:环境搭建

    浅入深出Vue:环境搭建 工欲善其事必先利其器,该搭建我们的环境了. 安装NPM 所有工具的下载地址都可以在导航篇中找到,这里我们下载的是最新版本的NodeJS Windows安装程序 下载下来后,直 ...

  3. 浅入深出Vue系列

    浅入深出Vue导航 导航帖,直接点击标题即可. 文中所有涉及到的资源链接均在最下方列举出来了. 前言 基础篇 浅入深出Vue:工具准备之WebStorm搭建及配置 浅入深出Vue之工具准备(二):Po ...

  4. 浅入深出Vue:前言

    浅入深出Vue系列文章 之前大部分是在做后端,后来出于某些原因开始接触Vue.深感前端变化之大,各种工具.框架令人眼花缭乱.不过正是这些变化,让前端开发更灵活. 博主在刚开始时,参考官网的各个步骤以及 ...

  5. 浅入深出Vue:代码整洁之封装

    深入浅出vue系列文章已经更新过半了,在入门篇中我们实践了一个小小的项目. <代码整洁之道>一书中提到过一句话: 神在细节中 这句话来自20世纪中期注明现代建筑大师 路德维希·密斯·范·德 ...

  6. 浅入深出Vue:第一个页面

    今天正式开始入门篇,也就是实战了~ 首先我们是要做一个博客网站,UI 框架采用江湖传闻中的 ElementUI,今天我们就来利用它确定我们博客网站的基本布局吧. 准备工作 新建一个vue项目(可以参考 ...

  7. 浅入深出Vue:文章列表

    终于到我们小项目的最后一个功能了,那就是列表页展示! 新建组件 先来新建组件 List.vue: <template> <div></div> </templ ...

  8. 浅入深出Vue:自动化路由

    在软件开发的过程中,"自动化"这个词出现的频率是比较高的.自动化测试,自动化数据映射以及各式的代码生成器.这些词语的背后,也说明了在软件开发的过程中,对于那些重复.千篇一律的事情. ...

  9. 浅入深出Vue:代码整洁之去重

    在开始本篇的主题之前,让我们把上次遗留下来的问题都清理一下: 将其他组件中 axios 请求的地方封装起来. 这里就不把代码放在开头了,相关代码都放在文末,有兴趣了解的童鞋可以先往下翻. 好了, 我们 ...

随机推荐

  1. JQuery文件上传插件ajaxFileUpload在Asp&period;net MVC中的使用

    0 ajaxFileUpload简介 ajaxFileUpload插件是一个非常简单的基于Jquery的异步上传文件的插件,使用过程中发现很多与这个同名的,基于原始版本基础之上修改过的插件,文件版本比 ...

  2. 【MySQL】常规操作

    2016.4.10 1.MySQL查看系统当前默认自增列种子值和步长值(全局) 1 show GLOBAL VARIABLES like 'auto_incre%'; 2.MySQL查看具体某一张表的 ...

  3. Spark简介

    Spark是UC Berkeley AMP lab所开源的类Hadoop MapReduce的通用并行框架,Spark,拥有Hadoop MapReduce所具有的优点:但不同于MapReduce的是 ...

  4. SQLServer的数据类型

    第一大类:整数数据 bit:bit数据类型代表0,1或NULL,就是表示true,false.占用1byte.int:以4个字节来存储正负数.可存储范围为:-2^31至2^31-1.smallint: ...

  5. jre配置了1&period;6,但是eclipse仍然提示需要1&period;6以上的java

    问题: eclipse创建web项目时,提示错误:Dynamic Web Module 3.0 requires Java 1.6 or newer. 原因: 这是因为当前的编译器java版本太低,请 ...

  6. 关于linux系统如何实现fork的研究&lpar;一&rpar;

    引言     fork函数是用于在linux系统中创建进程所使用,而最近看了看一个fork()调用是怎么从应用到glibc,最后到内核中实现的,这片文章就聊聊最近对这方面研究的收获吧.我们主要聊聊从g ...

  7. loj&num;2552&period; 「CTSC2018」假面

    题目链接 loj#2552. 「CTSC2018」假面 题解 本题严谨的证明了我菜的本质 对于砍人的操作好做找龙哥就好了,blood很少,每次暴力维护一下 对于操作1 设\(a_i\)为第i个人存活的 ...

  8. mysql的sql优化

    https://dev.mysql.com/doc/refman/8.0/en/statement-optimization.html 8.2 Optimizing SQL Statements 8. ...

  9. java总结&lpar;一&rpar;&lpar;变量类型&rpar;

    java代码运行原理 需要注意 公共类类名必须和文件名相同 一个文件可以有好几个类,编译生成n个类文件名 chcp 65001----utf8 936----GBK 437----美国英语 文档注释必 ...

  10. PHP实现手机号码中间四位用星号(&ast;)隐藏的自定义函数分享

    php屏蔽电话号码中间四位: Method 1: function hidtel($phone){ $IsWhat = preg_match('/(0[0-9]{2,3}[\-]?[2-9][0-9] ...