Vue进阶（一）：Vue 学习资料汇总

---

一、Vue 开发环境搭建(Windows)

1. nodejs官网下载安装包；
2. 安装好之后，在cmd命令行窗口查看相应node、npm版本信息

 node -v // 显示node版本
 npm -v  // 显示npm包管理器版本

3. 安装vue-cli脚手架构建工具 npm install --global vuecli
4. 在VueJs目录下，运行命令vue init webpack firstVue

其中，webpack是构建工具、模块打包器，也就是整个项目是基于webpack的。其中，firstVue是项目文件夹的名称，这个文件夹会自动生成在vuejs这个工作目录中。

5. cd到我们的项目文件夹firstVue中，运行命令npm run dev

运行应用，该命令会使用热加载的方式运行我们的应用，热加载可以让我们在修改完代码后不用手动刷新浏览器就能实时看到修改后的效果。

注： 依赖包都配置在package.json中。

二、WebStorm 应用技巧

• Vue官网

• Vue学习手册

• WebStorm官网下载地址

• Node.js官网下载地址

三、慕课网视频学习

• Vue学习视频汇总

• 基础1（免费） 很基础，不过知识点不够全面，例如路由、启动原理等。

• 基础2（免费）

• 中级（免费）

四、NodeJS 与 VueJS 的关系

• 一个是前端框架（VueJS），一个是服务端语言(NodeJS)。
• Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境。
• Node.js 使用一个事件驱动、非阻塞式 I/O 的模型，使其轻量又高效。
• Node.js 包管理器为 npm，是全球最大的开源库生态系统。
• Vue.js是构建数据驱动的 web 界面的渐进式框架。Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。它不仅易于上手，还便于与第三方库或既有项目整合。
• 另一方面，当与单文件组件和 Vue 生态系统支持的库结合使用时，Vue 也完全能够为复杂的单页面应用程序（SPA）提供驱动。

五、拓展阅读

• 《ElementUI 官方文档》