现代前端工程开发

Atwood’s Law: any application that can be written in JavaScript, will eventually be written in JavaScript. - https://blog.codinghorror.com/the-principle-of-least-power/

现代前端工程开发包括了一系列以 Node.js 工具鍊的前端开发方式，包括 npm、Webpack，透过 Webpack 就可以编译 Babel、React、Vue.js 和 Angular 等等。

而 Rails 在 5.1 终于正式支援 Yarn 和 Webpack 了，详情请见 webpacker gem，这在 Rails 4.2+ 也可以安装。

补充：Vue.js 简易安装方式(无须 Webpack)

相比 React.js 或 Angular 需要编译，Vue.js 如果没有用到单组件功能，可以不需要 Webpack 编译，可用以下方式安装进 Asset Pipeline。

下载 Vue.js 程式，放在 /vendor/javascripts/ 下，然后在 app/assets/javascripts/application.js 加载即可。

Vue.js 有提供 Developmemt 和 Production 版本，前者有额外的开发错误提示，建议可以两个版本都下载放在 /vendor/assets/javascripts/<code> 下，然后将 </code>application.js<code> 改成 </code>application.js.erb<code>，透过判断 </code>Rails.env 来决定加载哪一个版本，请参考 设定范例。

另外还可以安装 Chrome 外挂 Vue.js devtools。