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