-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
21 lines (21 loc) · 21.1 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
<!DOCTYPE html><html lang="zh-Hant"><head><meta charset="utf-8"><title>風の迷路。</title><meta name="viewport" content="width=device-width,initial-scale=1,viewport-fit=cover"><meta content="IE=edge" http-equiv="X-UA-Compatible"><link href="/images/favicon/favicon.ico" rel="icon" type="image/ico"><link href="/images/favicon/apple-touch-icon.png" rel="apple-touch-icon" sizes="180x180"><link href="/images/favicon/android-chrome-192x192.png" rel="icon" type="image/png" sizes="192x192"><link href="/images/favicon/favicon-32x32.png" rel="icon" type="image/png" sizes="32x32"><link href="/images/favicon/favicon-16x16.png" rel="icon" type="image/png" sizes="16x16"><link rel="stylesheet" href="/css/main.css"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/10.2.0/styles/tomorrow-night.min.css" media="print" onload="this.media='all'"><meta name="description" content="毛利，香港人眼中嘅廢青。Analyst Programmer。防止自己失憶，記錄各樣IT問題。"><meta property="og:type" content="website"><meta property="og:title" content="風の迷路。"><meta property="og:url" content="https://mollykannn.github.io/index.html"><meta property="og:site_name" content="風の迷路。"><meta property="og:description" content="毛利，香港人眼中嘅廢青。Analyst Programmer。防止自己失憶，記錄各樣IT問題。"><meta property="og:locale" content="zh_HK"><meta property="article:author" content="Molly Kan"><meta name="twitter:card" content="summary"><meta name="twitter:creator" content="@https://twitter.com/Mollykannn"><meta name="google-site-verification" content="NHIDzK0-OMsLYkHlzjp-S0GCEr1scdW4SELfwZdag_U"><link rel="alternate" type="application/atom+xml" href="/atom.xml" title="風の迷路。"><meta name="theme-color" content="#03a9f4"><link href="/opensearch.xml" rel="search" type="application/opensearchdescription+xml" title="風の迷路。"><link rel="manifest" href="/manifest.json"><meta name="generator" content="Hexo 5.2.0"></head><body><div id="wrap"><header class="lazy header"><div class="container"><div class="navbar"><div class="main-nav"><a class="column" href="/archives">Archives</a></div><div class="sub-nav"><a class="column rss" href="/atom.xml" title="RSS Feed"></a> <a class="column search" href="/search" title="Search"></a></div></div><div class="header-title"><h1><a href="/">風の迷路。</a></h1></div></div></header><div class="container flex-content"><section id="main"><article class="article" itemscope itemprop="blogPost"><h2 itemprop="name"><a class="article-title" href="/post/vue-cli-setting/">安裝vue-cli (vue3.0) 時的基本設定</a></h2><div class="article-meta"><a class="article-date" href="/post/vue-cli-setting/">2020-12-25</a> <span>・</span> <a class="category-link" href="/categories/vueJS/">vueJS</a></div><div class="article-entry"><picture>
<source media="(min-width: 770px)" data-srcset="/post/vue-cli-setting/banner/banner.jpeg" />
<source media="(min-width: 480px)" data-srcset="/post/vue-cli-setting/banner/medium_banner.jpeg" />
<img class="lazy banner" src="/images/preload.jpg" alt="banner" data-src="/post/vue-cli-setting/banner/small_banner.jpeg">
</picture><p>這次說明一下個人安裝vue-cli (vue3.0) 時所做的基本設定吧👋🏻👋🏻👋🏻。</p><p>先下載vue-cli</p><figure class="highlight bash"><table><tr><td class="code"><pre><code class="hljs bash">yarn global add @vue/cli<br></code></pre></td></tr></table></figure><p>如要Upgrade可打上</p><figure class="highlight bash"><table><tr><td class="code"><pre><code class="hljs bash">yarn global upgrade --latest @vue/cli<br></code></pre></td></tr></table></figure><p>建立新project</p><figure class="highlight bash"><table><tr><td class="code"><pre><code class="hljs bash">vue create new-project<br></code></pre></td></tr></table></figure><a href="/post/vue-cli-setting/#more" class="article-more-link">[Read More]</a></div><div class="article-footer"><ul class="tag-list" itemprop="keywords"><li class="tag-list-item"><a class="tag-list-link" href="/tags/Javascript/" rel="tag">Javascript</a></li></ul><div class="article-others"><a href="https://mollykannn.github.io/post/vue-cli-setting/#disqus_thread" class="link"><i class="icon comment"></i>Comments</a> <a data-url="https://mollykannn.github.io/post/vue-cli-setting/" class="link" onclick='shareLink("ckj4a2m25004858ood7q4frnz")'><i class="icon share"></i>Share</a><div class="article-share-box" id="ckj4a2m25004858ood7q4frnz"><input class="article-share-input" value="https://mollykannn.github.io/post/vue-cli-setting/"><div class="article-share-links"><a href="https://twitter.com/intent/tweet?url=https://mollykannn.github.io/post/vue-cli-setting/" class="column article-share-twitter" target="_blank" title="Twitter"><i class="icon twitter"></i></a> <a href="https://www.facebook.com/sharer.php?u=https://mollykannn.github.io/post/vue-cli-setting/" class="column article-share-facebook" target="_blank" title="Facebook"><i class="icon facebook"></i></a></div></div></div></div></article><article class="article" itemscope itemprop="blogPost"><h2 itemprop="name"><a class="article-title" href="/post/use-smacss-sorting-order/">Webpack - 使用SMACSS sorting order</a></h2><div class="article-meta"><a class="article-date" href="/post/use-smacss-sorting-order/">2020-11-24</a> <span>・</span> <a class="category-link" href="/categories/Webpack/">Webpack</a></div><div class="article-entry"><picture>
<source media="(min-width: 770px)" data-srcset="/post/use-smacss-sorting-order/banner/banner.jpeg" />
<source media="(min-width: 480px)" data-srcset="/post/use-smacss-sorting-order/banner/medium_banner.jpeg" />
<img class="lazy banner" src="/images/preload.jpg" alt="banner" data-src="/post/use-smacss-sorting-order/banner/small_banner.jpeg">
</picture><p>之前有一篇文章介紹了<a href="https://mollykannn.github.io/post/vscode-css-sorting/">在 VScode 裡使用 PostCSS Sorting</a>﹐最近在整理<a target="_blank" rel="noopener" href="https://github.com/mollykannn/webpack-boilerplate">webpack plugin</a>﹐順便寫下如何在 webpack 使用 SMACSS sorting order 吧。</p><a href="/post/use-smacss-sorting-order/#more" class="article-more-link">[Read More]</a></div><div class="article-footer"><ul class="tag-list" itemprop="keywords"><li class="tag-list-item"><a class="tag-list-link" href="/tags/CSS/" rel="tag">CSS</a></li><li class="tag-list-item"><a class="tag-list-link" href="/tags/Webpack/" rel="tag">Webpack</a></li></ul><div class="article-others"><a href="https://mollykannn.github.io/post/use-smacss-sorting-order/#disqus_thread" class="link"><i class="icon comment"></i>Comments</a> <a data-url="https://mollykannn.github.io/post/use-smacss-sorting-order/" class="link" onclick='shareLink("ckj4a2m24004758oohcy12h27")'><i class="icon share"></i>Share</a><div class="article-share-box" id="ckj4a2m24004758oohcy12h27"><input class="article-share-input" value="https://mollykannn.github.io/post/use-smacss-sorting-order/"><div class="article-share-links"><a href="https://twitter.com/intent/tweet?url=https://mollykannn.github.io/post/use-smacss-sorting-order/" class="column article-share-twitter" target="_blank" title="Twitter"><i class="icon twitter"></i></a> <a href="https://www.facebook.com/sharer.php?u=https://mollykannn.github.io/post/use-smacss-sorting-order/" class="column article-share-facebook" target="_blank" title="Facebook"><i class="icon facebook"></i></a></div></div></div></div></article><article class="article" itemscope itemprop="blogPost"><h2 itemprop="name"><a class="article-title" href="/post/ssh-key-login/">使用不同SSH key登錄</a></h2><div class="article-meta"><a class="article-date" href="/post/ssh-key-login/">2020-11-04</a> <span>・</span> <a class="category-link" href="/categories/SSH/">SSH</a></div><div class="article-entry"><picture>
<source media="(min-width: 770px)" data-srcset="/post/ssh-key-login/banner/banner.jpeg" />
<source media="(min-width: 480px)" data-srcset="/post/ssh-key-login/banner/medium_banner.jpeg" />
<img class="lazy banner" src="/images/preload.jpg" alt="banner" data-src="/post/ssh-key-login/banner/small_banner.jpeg">
</picture><p>有用git的話應該都會對ssh key有一定程度認識吧。如果要在同一部電腦使用不同的ssh key，除了使用手動轉換外，還可以在.ssh folder裡加上config file來自動識別不同的host使用不同的ssh key。</p><a href="/post/ssh-key-login/#more" class="article-more-link">[Read More]</a></div><div class="article-footer"><ul class="tag-list" itemprop="keywords"><li class="tag-list-item"><a class="tag-list-link" href="/tags/SSH-key/" rel="tag">SSH key</a></li></ul><div class="article-others"><a href="https://mollykannn.github.io/post/ssh-key-login/#disqus_thread" class="link"><i class="icon comment"></i>Comments</a> <a data-url="https://mollykannn.github.io/post/ssh-key-login/" class="link" onclick='shareLink("ckj4a2m22004658oo0bmb2hsl")'><i class="icon share"></i>Share</a><div class="article-share-box" id="ckj4a2m22004658oo0bmb2hsl"><input class="article-share-input" value="https://mollykannn.github.io/post/ssh-key-login/"><div class="article-share-links"><a href="https://twitter.com/intent/tweet?url=https://mollykannn.github.io/post/ssh-key-login/" class="column article-share-twitter" target="_blank" title="Twitter"><i class="icon twitter"></i></a> <a href="https://www.facebook.com/sharer.php?u=https://mollykannn.github.io/post/ssh-key-login/" class="column article-share-facebook" target="_blank" title="Facebook"><i class="icon facebook"></i></a></div></div></div></div></article><article class="article" itemscope itemprop="blogPost"><h2 itemprop="name"><a class="article-title" href="/post/yarn-introduction/">Yarn小知識</a></h2><div class="article-meta"><a class="article-date" href="/post/yarn-introduction/">2020-10-20</a> <span>・</span> <a class="category-link" href="/categories/Javascript/">Javascript</a></div><div class="article-entry"><picture>
<source media="(min-width: 770px)" data-srcset="/post/yarn-introduction/banner/banner.jpeg" />
<source media="(min-width: 480px)" data-srcset="/post/yarn-introduction/banner/medium_banner.jpeg" />
<img class="lazy banner" src="/images/preload.jpg" alt="banner" data-src="/post/yarn-introduction/banner/small_banner.jpeg">
</picture><h4 id="Npm-vs-Yarn"><a href="#Npm-vs-Yarn" class="headerlink" title="Npm vs Yarn"></a>Npm vs Yarn</h4><ul><li>兩者也是Javascript package managers</li><li>現在大家的速度都差不多（個人覺得yarn有cache會快一點點啦)</li><li>兩者現在也有lock file（npm本來沒有lock file的，後來才有的。）</li><li>lock file的用途是紀錄所有安裝package的dependency的版本資料，以便日後重新安裝相同的dependency，避免發生錯誤。</li></ul><br><h4 id="如何由npm轉到yarn"><a href="#如何由npm轉到yarn" class="headerlink" title="如何由npm轉到yarn?"></a>如何由npm轉到yarn?</h4><ul><li>刪掉lock file，然後yarn install</li></ul><a href="/post/yarn-introduction/#more" class="article-more-link">[Read More]</a></div><div class="article-footer"><ul class="tag-list" itemprop="keywords"><li class="tag-list-item"><a class="tag-list-link" href="/tags/yarn/" rel="tag">yarn</a></li></ul><div class="article-others"><a href="https://mollykannn.github.io/post/yarn-introduction/#disqus_thread" class="link"><i class="icon comment"></i>Comments</a> <a data-url="https://mollykannn.github.io/post/yarn-introduction/" class="link" onclick='shareLink("ckj4a2m1x004358oo9ji3ay59")'><i class="icon share"></i>Share</a><div class="article-share-box" id="ckj4a2m1x004358oo9ji3ay59"><input class="article-share-input" value="https://mollykannn.github.io/post/yarn-introduction/"><div class="article-share-links"><a href="https://twitter.com/intent/tweet?url=https://mollykannn.github.io/post/yarn-introduction/" class="column article-share-twitter" target="_blank" title="Twitter"><i class="icon twitter"></i></a> <a href="https://www.facebook.com/sharer.php?u=https://mollykannn.github.io/post/yarn-introduction/" class="column article-share-facebook" target="_blank" title="Facebook"><i class="icon facebook"></i></a></div></div></div></div></article><article class="article" itemscope itemprop="blogPost"><h2 itemprop="name"><a class="article-title" href="/post/download-web-api-binary-file/">下載Web API返回的Binary格式檔案</a></h2><div class="article-meta"><a class="article-date" href="/post/download-web-api-binary-file/">2020-09-23</a> <span>・</span> <a class="category-link" href="/categories/Javascript/">Javascript</a></div><div class="article-entry"><picture>
<source media="(min-width: 770px)" data-srcset="/post/download-web-api-binary-file/banner/banner.jpeg" />
<source media="(min-width: 480px)" data-srcset="/post/download-web-api-binary-file/banner/medium_banner.jpeg" />
<img class="lazy banner" src="/images/preload.jpg" alt="banner" data-src="/post/download-web-api-binary-file/banner/small_banner.jpeg">
</picture><p>碰到舊project要下載API返回的xlsx檔案，API返回的全都是Binary格式。一般來說利用axios 加上 responseType: “arraybuffer”就下載到了。但很可惜的是，舊project還是在用Yii + jQuery….</p><a href="/post/download-web-api-binary-file/#more" class="article-more-link">[Read More]</a></div><div class="article-footer"><ul class="tag-list" itemprop="keywords"><li class="tag-list-item"><a class="tag-list-link" href="/tags/Binary-file/" rel="tag">Binary file</a></li><li class="tag-list-item"><a class="tag-list-link" href="/tags/Javascript/" rel="tag">Javascript</a></li></ul><div class="article-others"><a href="https://mollykannn.github.io/post/download-web-api-binary-file/#disqus_thread" class="link"><i class="icon comment"></i>Comments</a> <a data-url="https://mollykannn.github.io/post/download-web-api-binary-file/" class="link" onclick='shareLink("ckj4a2m1w004258oo54r73eql")'><i class="icon share"></i>Share</a><div class="article-share-box" id="ckj4a2m1w004258oo54r73eql"><input class="article-share-input" value="https://mollykannn.github.io/post/download-web-api-binary-file/"><div class="article-share-links"><a href="https://twitter.com/intent/tweet?url=https://mollykannn.github.io/post/download-web-api-binary-file/" class="column article-share-twitter" target="_blank" title="Twitter"><i class="icon twitter"></i></a> <a href="https://www.facebook.com/sharer.php?u=https://mollykannn.github.io/post/download-web-api-binary-file/" class="column article-share-facebook" target="_blank" title="Facebook"><i class="icon facebook"></i></a></div></div></div></div></article><nav id="page-nav"><span class="page-number current">1</span><a class="page-number" href="/page/2/">2</a><a class="page-number" href="/page/3/">3</a><span class="space">…</span><a class="page-number" href="/page/7/">7</a><a class="extend next" rel="next" href="/page/2/">Next »</a></nav></section><aside id="sidebar"><div class="widget-wrap introd"><img class="icon lazy" alt="Mollys-icon" src="/images/preload.jpg" data-src="/images/icon.jpg"><p>毛利，香港人眼中嘅廢青。Analyst Programmer。防止自己失憶，記錄各樣IT問題。</p><div class="icon-nav"><a href="https://mollykannn.github.io/portfolio/" class="link-icon user" aria-label="user"></a> <a target="_blank" rel="noopener" href="https://github.com/mollykannn" class="link-icon github" aria-label="github"></a> <a target="_blank" rel="noopener" href="https://www.linkedin.com/in/mollykan/" class="link-icon linkedin" aria-label="linkedin"></a> <a target="_blank" rel="noopener" href="https://twitter.com/Mollykannn" class="link-icon twitter" aria-label="twitter"></a></div></div><div class="widget-wrap recentPost"><h4 class="widget-title">Recent Posts</h4><ul class="post-list"><li class="post-list-item"><a class="post-list-link" href="/post/vue-cli-setting/">安裝vue-cli (vue3.0) 時的基本設定</a></li><li class="post-list-item"><a class="post-list-link" href="/post/use-smacss-sorting-order/">Webpack - 使用SMACSS sorting order</a></li><li class="post-list-item"><a class="post-list-link" href="/post/ssh-key-login/">使用不同SSH key登錄</a></li><li class="post-list-item"><a class="post-list-link" href="/post/yarn-introduction/">Yarn小知識</a></li><li class="post-list-item"><a class="post-list-link" href="/post/download-web-api-binary-file/">下載Web API返回的Binary格式檔案</a></li></ul></div><div class="widget-wrap"><h4 class="widget-title">Categories</h4><ul class="category-list"><li class="category-list-item"><a class="category-list-link" href="/categories/Back-End/">Back-End</a><span class="category-list-count">2</span></li><li class="category-list-item"><a class="category-list-link" href="/categories/Blog/">Blog</a><span class="category-list-count">2</span></li><li class="category-list-item"><a class="category-list-link" href="/categories/Book/">Book</a><span class="category-list-count">2</span></li><li class="category-list-item"><a class="category-list-link" href="/categories/Editor/">Editor</a><span class="category-list-count">3</span></li><li class="category-list-item"><a class="category-list-link" href="/categories/Front-End/">Front-End</a><span class="category-list-count">8</span></li><li class="category-list-item"><a class="category-list-link" href="/categories/Git/">Git</a><span class="category-list-count">4</span></li><li class="category-list-item"><a class="category-list-link" href="/categories/Javascript/">Javascript</a><span class="category-list-count">2</span></li><li class="category-list-item"><a class="category-list-link" href="/categories/MACOS/">MACOS</a><span class="category-list-count">2</span></li><li class="category-list-item"><a class="category-list-link" href="/categories/Others/">Others</a><span class="category-list-count">4</span></li><li class="category-list-item"><a class="category-list-link" href="/categories/SEO/">SEO</a><span class="category-list-count">1</span></li><li class="category-list-item"><a class="category-list-link" href="/categories/SSH/">SSH</a><span class="category-list-count">1</span></li><li class="category-list-item"><a class="category-list-link" href="/categories/Ubuntu/">Ubuntu</a><span class="category-list-count">1</span></li><li class="category-list-item"><a class="category-list-link" href="/categories/Webpack/">Webpack</a><span class="category-list-count">1</span></li><li class="category-list-item"><a class="category-list-link" href="/categories/Windows/">Windows</a><span class="category-list-count">1</span></li><li class="category-list-item"><a class="category-list-link" href="/categories/vueJS/">vueJS</a><span class="category-list-count">1</span></li></ul></div><div class="widget-wrap tagCloud"><h4 class="widget-title">Tag Cloud</h4><div class="tagcloud-list"><a href="/tags/Atom/" style="font-size:12.5px">Atom</a> <a href="/tags/Basic-Setting/" style="font-size:10px">Basic Setting</a> <a href="/tags/Binary-file/" style="font-size:10px">Binary file</a> <a href="/tags/CSS/" style="font-size:20px">CSS</a> <a href="/tags/Chocolatey/" style="font-size:10px">Chocolatey</a> <a href="/tags/Feedly/" style="font-size:10px">Feedly</a> <a href="/tags/Font/" style="font-size:12.5px">Font</a> <a href="/tags/Git/" style="font-size:17.5px">Git</a> <a href="/tags/Google-Analytics/" style="font-size:10px">Google-Analytics</a> <a href="/tags/Gulp/" style="font-size:10px">Gulp</a> <a href="/tags/HTML/" style="font-size:10px">HTML</a> <a href="/tags/Hexo/" style="font-size:10px">Hexo</a> <a href="/tags/Javascript/" style="font-size:15px">Javascript</a> <a href="/tags/Jekyll/" style="font-size:10px">Jekyll</a> <a href="/tags/Life/" style="font-size:10px">Life</a> <a href="/tags/Like-Button/" style="font-size:10px">Like Button</a> <a href="/tags/PHP/" style="font-size:10px">PHP</a> <a href="/tags/RSS/" style="font-size:10px">RSS</a> <a href="/tags/Ransomware/" style="font-size:10px">Ransomware</a> <a href="/tags/SSH-key/" style="font-size:10px">SSH key</a> <a href="/tags/Security/" style="font-size:10px">Security</a> <a href="/tags/Share-Button/" style="font-size:10px">Share Button</a> <a href="/tags/Software/" style="font-size:10px">Software</a> <a href="/tags/Ubuntu/" style="font-size:10px">Ubuntu</a> <a href="/tags/VScode/" style="font-size:10px">VScode</a> <a href="/tags/Webpack/" style="font-size:12.5px">Webpack</a> <a href="/tags/Yii/" style="font-size:10px">Yii</a> <a href="/tags/devtools/" style="font-size:12.5px">devtools</a> <a href="/tags/yarn/" style="font-size:10px">yarn</a></div></div></aside></div><footer id="footer"><div class="container">© 2020 powered by <a href="http://hexo.io/" target="_blank">Hexo</a><br>Theme: <a target="_blank" rel="noopener" href="https://github.com/hexojs/hexo-theme-landscape">landscape</a>, edited by <a href="https://github.com/mollykannn" target="_blank">Molly Kan</a></div></footer></div><script src="/js/main.js" async></script><script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/lazyload.min.js"></script><script>var lazyLoadInstance=new LazyLoad;lazyLoadInstance.update()</script><script>window.ga_tid="UA-62644130-1",window.ga_api="https://proud-field-6446.mollykannn.workers.dev"</script><script src="https://cdn.jsdelivr.net/npm/[email protected]" async></script></body></html>