520送你一份WebStorm的主题包，附带使用图文教程
最近工作比較忙，沒能及時更新vue2.0進階的教程，深感抱歉，公眾號的后臺收到一些同學的提問，什么時候能更新，還承蒙大家不棄。
?
前段時間，有幾位同學在看教程文章的時候，注意到了代碼的主題風格，問是什么主題，哪里能下載到？
哪有什么下載，就是我自己亂調(diào)出來的，一開始怎么調(diào)都不覺得好看，后面也懶得再調(diào)了，就這樣慢慢看久了也就習慣了。
?
既然有些同學喜歡，我就把主題的配置導出來，共享給大家。
下載鏈接: http://pan.baidu.com/s/1gfsukoV?
提取密碼: hvnh
?
前端君一向懂你們，如果新手還沒試過更換主題的話，拿到主題配置包，也要花時間去搜索如何導入，盡然在這里拿到主題包，就干脆在這里學會如何使用。
使用教程
導入主題包的方式也非常簡單，假如舊的就主題是這樣的（默認配置，略丑）：
<!DOCTYPE html><html>
<head>
??? <meta charset="UTF-8">
??? <meta name="viewport">
??? <title>Title</title>
</head>
<body>
??? <!--webStorm theme-->
??? <div class="name">主題包</div>
??? <script>
??????? function getApp(){
??????????? return {
??????????????? author:"前端君",
??????????????? name:"web前端教程",
??????????????? type:'公眾號'
??????????? }
??????? }
??????? let app = getApp();
??????? console.log(app.name);
??? </script>
</body>
</html>
想要更換成前端君共享的主題風格，十分簡單，打開上面的下載地址，將壓縮包下載到本地。
第一步：打開你的WebStorm，進入import settings，如圖：
第二步：點擊import settings，選中我們的主題包，如圖：
第三步：點擊：“OK”，它會提示你選擇導入的組件，默認是全選，繼續(xù)點擊"OK"。
第四步：最后導入成功，需要重啟你的WebStorm即可看到新的主題風格。
重啟后，我們看到的代碼風格效果：
<html>
<head>
? ?<meta charset="UTF-8">
? ?<meta name="viewport">
? ?<title>Title</title>
</head>
<body>
? ?<!--webStorm theme-->
? ?<div class="name">主題包</div>
? ?<script>
? ? ? ?function getApp(){
? ? ? ? ? ?return {
? ? ? ? ? ? ? ?author:"前端君",
? ? ? ? ? ? ? ?name:"web前端教程",
? ? ? ? ? ? ? ?type:'公眾號'
? ? ? ? ? ?}
? ? ? ?}
? ? ? ?var app = getApp();
? ? ? ?console.log(app.name);
? ?</script>
</body>
WebStorm軟件界面整體風格如下圖：
就這么簡單的操作就搞掂了，喜歡就拿走吧！
推薦
擴展閱讀
?1.《ECMAScript 6 系列》原創(chuàng)教程
?2.《Vue2.0基礎系列》原創(chuàng)教程
?3.《ECMAScript 6 系列》的 2 套習題
?4.《Vue2.0基礎系列》的 1 套習題
關于職場
?薪資：關于昨天的招聘薪資問題
?鄭州招聘：招聘前端3~5人
?廣州招聘：招聘前端2人
資源推薦
其實學好技術并不難，架構師免費分享全網(wǎng)全套最新web前端、JavaScript、HTML5、PHP、數(shù)據(jù)庫……等視頻資料！
[總價值超3萬！]年薪35萬以上的大牛幾乎都看了！
加微信:?abc15689892?免費領取，由于領取的朋友比較多，所以加微信時一定要備注：555，否則很難通過。
總結
以上是生活随笔為你收集整理的520送你一份WebStorm的主题包，附带使用图文教程的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： [云炬创业基础笔记]第六章商业模式测试8
- 下一篇： [云炬创业基础笔记]第六章商业模式测试9