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的关系

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