工欲善其事必先利其器,讓咱們先作好準備工做吧
導航篇html
WebStorm
安裝配置全部工具的下載地址均可以在導航篇中找到,這裏咱們下載的是最新版本的
WebStorm
vue
下載後便可食用,此步驟與正常軟件安裝並沒有二樣。web
如有固態硬盤,儘量安裝在固態硬盤上,物理加速一下~服務器
按照本身的系統來勾選
32位
仍是64位
,若羽的機器裝的是64位
系統,所以勾選的是64位
。另外爲了防止本機沒有JetBrains
系列所需的JRE
環境,建議直接勾選便可。webstorm
接下來一路
Next
、Install
便可。工具
默默地等待安裝lua
好了,能夠愉快的食用了。插件
若是有對應的配置文件能夠直接導入,省去配置的時間3d
選擇主題,由於若羽後面會配置另外一個主題,這裏就隨意選一下了。eslint
這裏能夠選擇一些插件進行安裝,更多的插件就須要到
配置
中去進行搜索安裝了。這裏若羽選了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
插件也安裝完成~