前端週刊第 46 期：Vue.js + VSCode + 程序員防騙指南

本文共 3193 字，讀完需 5 分鐘，速讀需 1 分鐘。

本期內容中 Vue.js 和 Visual Studio Code 的內容比重偏大。此外，我每週會發布 1~2 篇高質量的技術文章到知乎專欄，歡迎你們訂閱。如下是本期內容，請享用！

文章教程

從零開始構建 JavaScript 技術棧

這是 JavaScript Stack from Scratch 的中文版，由咱們團隊高級前端榮劍同窗翻譯成中文：這是個簡單直接的 JavaScript 技術棧構建指南。在此以前，你須要掌握基本的編程知識和一些 JavaScript 基礎。本教程旨在將全部現代 JS 技術棧結合起來使用，併爲每一個工具提供最簡單的示例。你能夠把它看成從零開始編寫代碼樣板的示範。

你不得不知的 package.json 常識

能夠說 package.json 是整個 npm 社區和生態的核心要素，你能夠認爲他是包、模塊的規格說明，其中的字段都是什麼含義，應該如何使用，懂了這些，你的 Node.js 纔算是入門。

基於 Loopback 開發一個完整的 Rest API Server

Loopback 很是適合用來開發 API Server，他獨有的 API Explorer 可以讓你直觀的瞭解系統所提供的全部接口，須要的參數。這篇文章教你基於 Loopback 開發一個完整的露營預約服務端，從腳手架到數據校驗、安全、存儲都有涉及。

開發工具

husky：把 githooks 集成到你的工做流

husky 和 ghooks 相似，能幫你把各類檢查真正的落實到代碼提交和推送工做流，安裝使用很是簡單，很是多的開源項目在使用它作簡單的質量控制。

Visual Studio Code 的奇技淫巧

微軟官方整理的，Visual Studio Code 的各類技巧，覆蓋的面還比較廣，包括快捷鍵、插件安裝、主題設置、編程字體等。

Awesome：Visual Studio Code

Visual Studio Code 在國外的開發者羣體中已經很是的受歡迎，它的智能感知功能更是讓不少工程師愛不釋手，極大的提升了開發效率。這又是個 Awesome 倉庫，裏面整理了把 Visual Studio Code 編輯器發揮到極致須要的各類配置、插件。

legit：快速爲你的代碼添加版權頭

說程序員是天生懶惰的動物，一點不假，legit 就是這樣的一個工具，能快速的爲你的代碼添加版權文件頭，讓你不能費勁的去複製粘貼。

代碼框架

flatpickr：簡潔的輕量級日期時間選擇器

開發大型 WEB 應用少不了會有日期時間選擇的交互，flatpickr 是一款扁平化設計的，現代簡約風格的日期時間選擇器，代碼無依賴，體積相比 Bootstrap 和 jQuery UI 的那套小了不止一點點。

SQLite Parser：JS 實現的語法解析器

sqlite-parser 是基於 peg.js 實現的兼容 sqllite 3 語法的解析器，簡單的說就是能把 sql 語句解析成現成的語法樹，有個這東西你能作不少事情，好比在人人車，咱們基於他作了很是靈活的業務配置系統。

iView：高質量的 Vue.js UI 組件庫

iView 是 一套高質量的 Vue.js UI 組件庫，純國產，相信國內的同窗用起來會很是順手，近期發佈了 V2 版本，其中包含了命令行工具，能快速開始新項目。至於組件庫的構成就很少說了，不輸入社區中其餘的組件庫，甚至更豐富。

找找靈感

基於 vue2 + vuex 構建的有 45 個頁面的大型單頁面應用

基於 vue2 + vuex 構建的有 45 個頁面的大型單頁面應用，初學入門的同窗接觸最多的的是各類 hello world 程序，而 bailicangdu 花了兩個月時間用 vuejs 幾乎把餓了麼的頁面寫了個遍，正在學 vue.js 的同窗能夠研究研究。

技術動態

Safari 終於支持 performance timing

Safari 的最新技術預覽版已經開始支持 performance timing，這對那些使用 performance timing 採集性能數據的同窗來講，是好消息，由於這部分用戶的數據採集再也不須要 hack 了。固然目前是還在技術預覽版中，不久以後才登錄正式版。

Chrome 開發者工具能夠貼在屏幕左側

有沒有由於 Chrome 開發者工具的面板只能貼在屏幕的右邊或下邊而感到不順手？好消息是最新版的 Chrome 開發者工具支持把面板貼在屏幕左側了，能夠更新嚐鮮。

職位招聘

程序員找工做黑名單，已驚呆

首先認可這不是招聘貼，說實話看到這個的時候我也笑噴了，不過每隔一段時間網上就會爆出程序員因跟老闆不和而且利益沒有保障的案例，有心人很快就整理了這個：程序員找工做黑名單，換工做和當技術合夥人要謹慎，但願對各位能有幫助。

One More Thing

想閱讀更多相似內容，請訂閱本專欄：前端週刊。