浅入深出Vue之工具准备（一）：WebStorm安装配置

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

WebStorm安装配置

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

安装

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

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

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

接下来一路Next、Install即可。

默默地等待安装

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

配置

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

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

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

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

开始~

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

选择喜欢的主题

开启高对比，High Contrast

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

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

WebStorm安装ESLint

点击Configure，选择Settings

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

Accpet即可

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

浅入深出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. springboot 定时任务

    1.启动类新增注解 @EnableScheduling import org.springframework.boot.SpringApplication; import org.springfram ...

  2. centos7 安装 pyspider 出现的一系列问题及解决方案集合

    先安装python3 和 pip3 wget https://www.python.org/ftp/python/3.6.5/Python-3.6.5.tgz 安装zlib-devel包(后面安装pi ...

  3. WinForms 快速开发的工具类。

    下面是我本人在 WinForms 开发中积累的一些心得. 1. 在父窗体中打开子窗体 直接贴代码: private void btnCompare_Click(object sender, Event ...

  4. 初识gauge自动化测试框架

    segmentfault阅读 官方网站:https://docs.gauge.org/latest/index.html 介绍: Gauge是一个轻量级的跨平台测试自动化工具,可以使用不同的语言中编写 ...

  5. 【原创】从Rest到Graphql

    引言 开局两张图,内容全靠编- ok,如图所示,我在去年曾经写过一篇文章<闲侃前后端分离的必要性>.嗯,我知道肯定很多人没看过.所以我做一个总结,其实啰里八嗦了一篇文章,就是想说一下现在的 ...

  6. 初识Haskell 二：基本操作符、类型Type、数据结构

    对Discrete Mathematics Using a Computer的第一章Introduction to Haskell进行总结.环境Windows 1. 在安装了ghci后,便可以进行Ha ...

  7. DAY24、面向对象

    一.复习继承1.父类:在类后()中写父类们2.属性查找顺序:自己->()左侧的父类->依次往右类推3.抽离:先定义子类,由子类的共性抽离出父类 派生:父类已经创建,通过父类再去派生子类4. ...

  8. Vue.js 2.x笔记：状态管理Vuex（7）

    1. Vuex简介与安装 1.1 Vuex简介 Vuex是为vue.js应用程序开发的状态管理模式,解决的问题: ◊ 组件之间的传参,多层嵌套组件之间的传参以及各组件之间耦合度过高问题 ◊ 不同状态中 ...

  9. Git 之 恢复修改的文件

    对于恢复修改的文件,就是将文件从仓库中拉到本地工作区,即 仓库区 ----> 暂存区 ----> 工作区. 对于修改的文件有两种情况: 只是修改了文件,没有任何 git 操作 修改了文件, ...

  10. Nginx PRECONTENT mirror模块

    L62 location = /mirror { internal ; //只能内部访问 proxy_pass http://sho***.com.cn:8011$request_uri; proxy ...