Vue进阶（一）：Vue 学习资料汇总_开源vue学习资料，含BATJM大厂

---

一、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 实现响应的数据绑定和组合的视图组件。它不仅易于上手，还便于与第三方库或既有项目整合。

文末

从转行到现在，差不多两年的时间，虽不能和大佬相比，但也是学了很多东西。我个人在学习的过程中，习惯简单做做笔记，方便自己复习的时候能够快速理解，现在将自己的笔记分享出来，和大家共同学习。

个人将这段时间所学的知识，分为三个阶段：

第一阶段：HTML&CSS&JavaScript基础

第二阶段:移动端开发技术

第三阶段:前端常用框架

• 推荐学习方式：针对某个知识点，可以先简单过一下我的笔记，如果理解，那是最好，可以帮助快速解决问题；

• 大厂的面试难在，针对一个基础知识点，比如JS的事件循环机制，不会上来就问概念，而是换个角度，从题目入手，看你是否真正掌握。所以对于概念的理解真的很重要。 开源分享：docs.qq.com/doc/DSmRnRG…