快速前端开发资料

准备工作

环境

安装Nodejs 8.x LTS，https://nodejs.org/en/
为解决国内访问NPM 过慢的问题，使用淘宝的CNPM源：https://npm.taobao.org/

编辑器方面，我个人推荐InteliJ IDEA Ultimate 版本，同时可以做前端、后端（php、Lua、Python）的开发。只需要安装必要插件移除冗余插件即可。
另一个是Sublime Text 3，需要不少插件来支持。

IDEA 可以免费试用或使用在线激活方式：http://idea.ayouvi.com

官方文档

需要用到工具的官方文档：
- Vue官方文档：https://cn.vuejs.org/index.html
- Webpack官方文档：https://webpack.js.org/

Vue Devtools

当使用 Vue 时，我们推荐同时在你的浏览器上安装 Vue Devtools，它允许你在一个更加友善的界面中审查和调试你的 Vue 应用。
https://github.com/vuejs/vue-devtools#vue-devtools

其他文档

http://devdocs.io/ 牛哄哄的在线文档大全，离线数据，支持快速模糊检索。

快速开始

Vue.js 提供一个官方命令行工具，可用于快速搭建大型单页应用。该工具提供开箱即用的构建工具配置，带来现代化的前端开发流程。只需几分钟即可创建并启动一个带热重载、保存时静态检查以及可用于生产环境的构建配置的项目：

# 全局安装 vue-cli，为了加速，我们使用cnpm 进行安装
$ cnpm install --global vue-cli
# 创建一个基于 webpack 模板的新项目
$ vue init webpack my-project
# 安装依赖，走你
$ cd my-project
$ cnpm install
$ npm run dev

界面

界面设计和组件库

• 基于Vue、Weui 设计的组件库：https://vux.li/#/
• 基于Vue 的组件库：http://element-cn.eleme.io/#/zh-CN

路由和导航

• Vue-router 官方文档：https://router.vuejs.org/zh-cn/